/Javascript/React/How to pass function as a props in react in functional components

How to pass function as a props in react in functional components

function App() {
  const [status, setStatus] = React.useState(false);
  const [text, setText] = React.useState("");
  const handleClick = () => {
    this.setStatus(prev => ({ status: !prev.status }));
  };
  const handleChange = e => {
    this.setStatus({ text: e.target.value });
  };

  return (
    <>
      <button onClick={handleClick}>Open photo entry dialog</button>
      <ChildComponent
        isOpen={status}
        text={text}
        handleChange={handleChange}
        handleClick={handleClick}
      />
    </>
  );
}

const ChildComponent = ({ isOpen, text, handleChange, handleClick }) => {
  return (
    <>
      {isOpen && (
        <Model
          status={isOpen}
          handleClick={handleClick}
          text={text}
          handleChange={handleChange}
        />
      )}
    </>
  );
};

Similar codes

0 vote361 views1 answer
React Readonly rating
Javascript React
1 vote347 views5 answers
React date picker
Javascript React
5 votes398 views1 answer
Redirect in netlify react
Javascript React
29 votes348 views2 answers
React or vue
Javascript React
0 vote397 views1 answer
Adding js file to reactjs
Javascript React
0 vote410 views1 answer
How to run electron and react using concurrently
Javascript React
0 vote451 views1 answer
How to download an mp3 file in react native
Javascript React
21 votes327 views4 answers
Setinterval react
Javascript React
23 votes394 views5 answers
USE ICONS IN REACT
Javascript React
3 votes350 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React