/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 vote306 views2 answers
React js form radio input using hooks
Javascript React
0 vote273 views2 answers
Toggle classname onclick react
Javascript React
0 vote289 views1 answer
React particles js
Javascript React
0 vote314 views1 answer
Add clickable link to image in react native
Javascript React
6 votes317 views2 answers
How do I conditionally add attributes to React components?
Javascript React
23 votes300 views4 answers
Click to copy react
Javascript React
11 votes310 views3 answers
Reactjs get url query params as object
Javascript React
0 vote279 views1 answer
Mock a function jest react
Javascript React
0 vote283 views1 answer
Making font weight bold by passing value in React.js
Javascript React
7 votes289 views3 answers
How to update react state array
Javascript React