/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 vote320 views1 answer
Create react app cloudfront invalidation
Javascript React
8 votes301 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
3 votes288 views1 answer
Latest react version npm
Javascript React
0 vote291 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
0 vote288 views1 answer
Google-maps-react give undefined lat long
Javascript React
15 votes289 views6 answers
React forms
Javascript React
-3 votes280 views1 answer
React native share
Javascript React
7 votes313 views4 answers
React native textinput disable keyboard
Javascript React
0 vote318 views1 answer
My vscode does not recognize react code syntax
Javascript React
24 votes303 views6 answers
Shadow react native
Javascript React