/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

0 vote218 views1 answer
React native prevent rotation of screen
Javascript React
2 votes209 views1 answer
How to add react scroll scrollable link
Javascript React
0 vote202 views1 answer
React return value from component
Javascript React
2 votes321 views1 answer
Dynamic import in reactjs
Javascript React
11 votes215 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
1 vote234 views1 answer
How to add react icons using yarn
Javascript React
0 vote216 views2 answers
On ddrop function react dropzone parameters
Javascript React
8 votes217 views1 answer
React hooks with objects
Javascript React
0 vote576 views1 answer
Ngrok react.js
Javascript React
0 vote211 views1 answer
A form label must be associated with a control react
Javascript React