/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 vote342 views1 answer
Store data with props in react js
Javascript React
0 vote363 views1 answer
React native multiline cursor on first line
Javascript React
-2 votes345 views1 answer
Redux template create react app
Javascript React
0 vote342 views1 answer
React native elements bottom sheet close on back button press
Javascript React
1 vote327 views2 answers
React state not updating immediately
Javascript React
0 vote318 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
13 votes309 views10 answers
React navigation
Javascript React
12 votes297 views3 answers
React form hook npm
Javascript React
0 vote356 views1 answer
Command reboot android app react native adb command
Javascript React
8 votes365 views4 answers
Get current url react router
Javascript React