/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 vote169 views1 answer
Font family react
Javascript React
1 vote166 views1 answer
Picker change event react native
Javascript React
0 vote148 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
105 votes213 views1 answer
React web app create
Javascript React
0 vote171 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
0 vote182 views1 answer
My vscode does not recognize react code syntax
Javascript React
6 votes178 views2 answers
React native activity indicator
Javascript React
0 vote164 views1 answer
React native stopwatch
Javascript React
1 vote132 views1 answer
How to pass props in react test cases
Javascript React
16 votes175 views6 answers
React useState hook
Javascript React