/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 vote173 views1 answer
Add sass autoprefixer to react
Javascript React
3 votes164 views2 answers
React get data attribute from element
Javascript React
99 votes189 views6 answers
How to install react router DOM
Javascript React
1 vote171 views1 answer
How to store array into react-native local storage
Javascript React
0 vote228 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
0 vote252 views1 answer
Provider not found react
Javascript React
0 vote150 views1 answer
Make 2div in row react js
Javascript React
1 vote153 views1 answer
Column width table react
Javascript React
0 vote156 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
3 votes154 views1 answer
React router dynamic routes
Javascript React