/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

59 votes160 views3 answers
Npm react router dom
Javascript React
0 vote160 views1 answer
How to redirect to another page in react js on button click
Javascript React
9 votes177 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote160 views1 answer
Namespace react has no export member FC
Javascript React
1 vote152 views1 answer
Commit in react
Javascript React
-1 vote169 views1 answer
Date time react component
Javascript React
1 vote157 views2 answers
React chartjs 2
Javascript React
0 vote194 views1 answer
React js bootstrap select option required
Javascript React
0 vote200 views1 answer
Different ways to write react file paths
Javascript React
0 vote146 views1 answer
Reactjs class exemple componentDidMount
Javascript React