/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

1 vote280 views1 answer
React emoji picker
Javascript React
1 vote300 views1 answer
Two proptypes in react
Javascript React
3 votes292 views2 answers
React native animated sticker
Javascript React
0 vote303 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote301 views1 answer
React native text input right
Javascript React
1 vote335 views1 answer
Remove underline from hyperlink react
Javascript React
0 vote333 views1 answer
Tailwind css toggle switch react
Javascript React
112 votes357 views10 answers
React
Javascript React
16 votes298 views2 answers
Where to put background images in react app
Javascript React
3 votes279 views2 answers
Autocomplete react jsx attributes vscode
Javascript React