/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

4 votes176 views3 answers
Sleep in react
Javascript React
0 vote279 views1 answer
Paging react mongoose
Javascript React
0 vote197 views2 answers
React hotjar
Javascript React
31 votes200 views1 answer
React router dom IndexRedirect
Javascript React
0 vote180 views1 answer
React native undedined map
Javascript React
1 vote214 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
5 votes197 views1 answer
Create react app deployment heroku
Javascript React
11 votes219 views3 answers
Redirect onclick react
Javascript React
4 votes202 views4 answers
Deploy react app
Javascript React
0 vote255 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React