/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

3 votes145 views2 answers
React get route path
Javascript React
0 vote152 views1 answer
Add Multilanguage Support to React App
Javascript React
0 vote156 views1 answer
Use jsx extension react-native
Javascript React
0 vote140 views1 answer
React check if localhost
Javascript React
1 vote214 views1 answer
React center a text
Javascript React
16 votes163 views6 answers
React useState hook
Javascript React
0 vote182 views1 answer
How to made disktop program on react website
Javascript React
1 vote155 views2 answers
React chartjs 2
Javascript React
1 vote159 views1 answer
Import json file in react native
Javascript React
0 vote153 views1 answer
Detecting change in animated value react native
Javascript React