/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 vote445 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
0 vote335 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
2 votes334 views2 answers
React native position absolute center
Javascript React
2 votes327 views2 answers
How to host a react website
Javascript React
0 vote320 views1 answer
React chart chart title
Javascript React
0 vote361 views1 answer
Code in nested forEach loop- react native
Javascript React
0 vote332 views1 answer
Valueof in react native
Javascript React
0 vote333 views1 answer
Spring reactive web client throw exception test
Javascript React
38 votes340 views4 answers
Useref in react hooks
Javascript React
1 vote327 views1 answer
React navigation asyncstorage install
Javascript React