У меня есть форма, в которой есть кнопка отправки. Эта форма вызывает функцию onclick, которая устанавливает состояние чего-то с false на true. Затем я хочу передать это состояние родительскому объекту, так что если оно истинно, оно отображает компонент А, но если оно ложно, оно отображает компонент.
Как мне это сделать в ответ? Я знаю, что мне нужно использовать состояние или реквизит, но не знаю, как это сделать. также противоречит принципу одностороннего течения реакции
Код компонента:
<form onSubmit={this.handleClick}>
handleClick(event) {
this.setState({ decisionPage: true });
event.preventDefault();
};
Родительский компонент, который контролирует, что он отображает:
return (
<div>
{this.props.decisionPage ?
<div>
<LoginPage />
</div>
:
<div>
<Decision showThanks={this.props.showThanks}/>
</div>
}
</div>
)