/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

10 votes191 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
0 vote339 views1 answer
React steam auth
Javascript React
16 votes246 views3 answers
What does the useReducer do in react
Javascript React
0 vote239 views1 answer
React js and graphql integration
Javascript React
0 vote254 views1 answer
Force users to update your application in React Native
Javascript React
0 vote231 views1 answer
React features
Javascript React
1 vote255 views1 answer
Get current platform react native
Javascript React
262 votes297 views6 answers
Create a react native project
Javascript React
-1 vote269 views1 answer
How to run react native app on simulator
Javascript React
0 vote244 views1 answer
Express react docker container example
Javascript React