/Javascript/React/React hooks component re render when button press

React hooks component re render when button press

const Button = () => {
  console.log("Button Rendered!");
  window.alert("Button Rendered");
  return <button onClick="">Press me</button>;
};

const TextInput = () => {
  const [textInput, setTextInput] = useState("Hallo");
  const onChangeInput = useCallback(
    (e) => {
      setTextInput(e.target.value);
    },
    [textInput]
  );
  return (
      <input
        type="text"
        onChange={onChangeInput}
        value={textInput}
      />
  );
}


export default function App() {
  return (
    <div>
      <TextInput/>
      <Button />
    </div>
  );
}

Source: stackoverflow.com

Similar codes

0 vote431 views1 answer
Sort by string react
Javascript React
0 vote408 views1 answer
React proxy to flask server
Javascript React
1 vote441 views1 answer
Handling scrolling on react router transitions
Javascript React
0 vote401 views2 answers
React router dom link same page with different param
Javascript React
0 vote965 views1 answer
Reactjs TypeError: b is undefined
Javascript React
4 votes407 views2 answers
How to use react-native-vector-icons
Javascript React
24 votes357 views5 answers
React map array
Javascript React
9 votes393 views1 answer
Create react app in existing folder
Javascript React
0 vote395 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote424 views1 answer
Reactjs add border to the table row
Javascript React