/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

1 vote346 views1 answer
React native header
Javascript React
1 vote358 views1 answer
How to update version of dependencies reactjs
Javascript React
25 votes383 views5 answers
Image react
Javascript React
32 votes393 views1 answer
How to do routes react js
Javascript React
21 votes339 views6 answers
React native vector icon
Javascript React
0 vote366 views1 answer
React testing library for hooks
Javascript React
1 vote346 views1 answer
Adding int and string in react props
Javascript React
92 votes324 views6 answers
React router dom
Javascript React
0 vote359 views1 answer
Bottom shadow in react native
Javascript React
0 vote351 views1 answer
React native custom debounce input
Javascript React