/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

50 votes181 views6 answers
Yarn create react app
Javascript React
0 vote186 views1 answer
Imagebackground with input inot avoiding react native
Javascript React
110 votes235 views2 answers
Create react js app
Javascript React
0 vote258 views2 answers
Toastify react not working
Javascript React
0 vote192 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React
0 vote199 views1 answer
How to convert timestamp to date in react native
Javascript React
0 vote176 views1 answer
React $ r component instance console
Javascript React
0 vote277 views1 answer
React native create text file
Javascript React
-1 vote165 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
4 votes179 views1 answer
Import react icons module
Javascript React