“Прохождение функций в качестве реквизита в React” Ответ

Как выполнять функцию как реквизит в реагировании в функциональных компонентах

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}
        />
      )}
    </>
  );
};
Difficult Dove

Прохождение функций в качестве реквизита в React

const Banner = props => {
  const name = props.name
  return (
    <div>
      <p>Hello {name}</p>
      <button onClick={props.clickHandler}>Click Me</button>
    </div>
  )
}

function App() {
  const showAlert = () => {
    alert("Welcome!")
  }
  return (
    <div>
      <Banner name="Ranjeet" clickHandler={showAlert} />
    </div>
  )
}

export default App
Outrageous Ostrich

Ответы похожие на “Прохождение функций в качестве реквизита в React”

Вопросы похожие на “Прохождение функций в качестве реквизита в React”

Больше похожих ответов на “Прохождение функций в качестве реквизита в React” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования