/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 vote148 views2 answers
Can i pass data with usenavigate react router
Javascript React
0 vote142 views1 answer
React file preview
Javascript React
0 vote93 views4 answers
React node sequilize
Javascript React
12 votes143 views3 answers
Font weight react native
Javascript React
85 votes148 views6 answers
Redirect react router
Javascript React
5 votes176 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
0 vote141 views1 answer
React antd form disable submit button
Javascript React
0 vote147 views1 answer
Pass status of checkbox to a function react js
Javascript React
18 votes157 views6 answers
Import svg react
Javascript React
0 vote174 views2 answers
Apply back button to a react component
Javascript React