/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

8 votes214 views3 answers
React js props
Javascript React
6 votes206 views1 answer
React-native loading spinner
Javascript React
0 vote236 views1 answer
React roter dom npm
Javascript React
2 votes209 views1 answer
Change color of strike through line of text in react native
Javascript React
0 vote240 views1 answer
React native progress bar slider
Javascript React
0 vote208 views1 answer
Test one function in react class
Javascript React
1 vote168 views1 answer
Z index react native
Javascript React
0 vote201 views1 answer
Reactive forms angular conditional disabling
Javascript React
1 vote217 views1 answer
How to position View absolute react native
Javascript React
18 votes209 views6 answers
Add svg in react
Javascript React