/Javascript/React/React native socket io

React native socket io

import React, { useState, useEffect } from "react";
import socketIOClient from "socket.io-client";
const ENDPOINT = "http://127.0.0.1:4001";

function App() {
  const [response, setResponse] = useState("");

  useEffect(() => {
    const socket = socketIOClient(ENDPOINT);
    socket.on("FromAPI", data => {
      setResponse(data);
    });
  }, []);

  return (
    <p>
      It's <time dateTime={response}>{response}</time>
    </p>
  );
}

export default App;

Source: valentinog.com

Similar codes

2 votes411 views2 answers
Prevent a page from refreshing in react
Javascript React
0 vote372 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
1 vote367 views1 answer
React native flatlist margin bottom
Javascript React
1 vote385 views1 answer
Get current platform react native
Javascript React
1 vote344 views1 answer
React js component parameters
Javascript React
0 vote331 views1 answer
React native getstream
Javascript React
1 vote410 views2 answers
What is the purpose of the super(props) method in React
Javascript React
0 vote383 views1 answer
Provider not found react
Javascript React
0 vote375 views1 answer
React password hashing
Javascript React
1 vote364 views1 answer
React native new project mac
Javascript React