/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 vote194 views1 answer
Type svg react
Javascript React
25 votes218 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
0 vote243 views1 answer
React enzyme mount ReferenceError: is not defined
Javascript React
1 vote197 views1 answer
How to change the tab text in React
Javascript React
0 vote195 views1 answer
Ctx beginpath react
Javascript React
0 vote230 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
0 vote201 views3 answers
React-router-dom status code 301
Javascript React
0 vote196 views1 answer
Reactjs sweet alert
Javascript React
3 votes224 views3 answers
Update create react app
Javascript React
1 vote191 views2 answers
React native choose simulator
Javascript React