/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

1 vote158 views1 answer
React spread operator
Javascript React
0 vote136 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
18 votes153 views6 answers
React native release apk command
Javascript React
2 votes86 views1 answer
Range slider mui can't slide
Javascript React
2 votes139 views3 answers
Cdn react
Javascript React
0 vote134 views1 answer
Import tippy react
Javascript React
0 vote179 views1 answer
React open url with button
Javascript React
0 vote135 views1 answer
React got error need to enable javascript
Javascript React
10 votes132 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote146 views1 answer
React native making bigger hitbox
Javascript React