/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 vote269 views1 answer
Add Multilanguage Support to React App
Javascript React
23 votes223 views2 answers
Create-react-app npm yarn
Javascript React
1 vote237 views1 answer
Docker react module not found
Javascript React
0 vote235 views1 answer
React native qr code scanner
Javascript React
0 vote227 views1 answer
Nested navigation react native
Javascript React
32 votes188 views4 answers
React update state array of objects
Javascript React
11 votes205 views3 answers
Redirect onclick react
Javascript React
4 votes251 views1 answer
React props.children proptype
Javascript React
0 vote241 views1 answer
React-native firebase v9+ config
Javascript React
1 vote274 views1 answer
React create list of components
Javascript React