/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

5 votes251 views2 answers
Splash screen react native
Javascript React
5 votes229 views4 answers
Google map in react js
Javascript React
10 votes265 views2 answers
React navigation no header
Javascript React
0 vote253 views1 answer
React native passing params to nested navigators
Javascript React
0 vote243 views2 answers
React Calender
Javascript React
0 vote222 views1 answer
Keyboard avoidance view not working on react native
Javascript React
0 vote237 views1 answer
Making font weight bold by passing value in React.js
Javascript React
0 vote223 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
0 vote748 views1 answer
Reactjs TypeError: b is undefined
Javascript React
66 votes228 views6 answers
Routing react
Javascript React