Breaking News: Grepper is joining You.com. Read the official announcement!

componentwillreceiveprops hooks

Restu Wahyu Saputra answered on June 3, 2020 Popularity 9/10 Helpfulness 2/10

answer componentwillreceiveprops hooks

related componentwillreceiveprops hooks

componentwillreceiveprops hooks

Comment

const { useState, useEffect, useMemo } = React;

function App() {
  const [count, setCount] = useState(50);

  useEffect(() => {
    setTimeout(() => {
      setCount(150);
    }, 2000);
  }, []);

  return <DisplayCount count={count} />;
}

function DisplayCount(props) {
  const count = useMemo(() => props.count > 100 ? 100 : props.count, [props.count]);

  return <div> {count} </div>;
}

ReactDOM.render(<App />, document.getElementById("root"));

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: componentwillreceiveprops javascript

Link to this answer
Share Copy Link

Contributed on Jul 02 2020

Restu Wahyu Saputra

0 Answers Avg Quality 2/10

Closely Related Answers

componentwillreceiveprops hooks

Comment

SomeComponent (props) => {

    useEffect( () => {
        console.log('someProp updated');
    }, [props.someProp])


    return <div>Hi {props.someProp}</div>
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript componentwillreceiveprops com

Link to this answer
Share Copy Link