/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

15 votes289 views2 answers
React native location
Javascript React
0 vote329 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
8 votes305 views3 answers
Disable eslint for react project
Javascript React
1 vote330 views2 answers
Generate apk debug react native
Javascript React
0 vote338 views1 answer
Filter based on input typing react
Javascript React
93 votes266 views6 answers
React router dom install
Javascript React
0 vote362 views1 answer
How to make react native dapp truffle
Javascript React
0 vote302 views1 answer
Relative width and height image react native
Javascript React
2 votes352 views2 answers
How to add query parameter to url reactjs
Javascript React
0 vote340 views1 answer
React google map doesn't update marker
Javascript React