Как по клику вызвать другой компонент?

Question

[Sanchik97]

Добрый день! Допустим, есть компонент A, в котором рендерится кнопка и компонент B, в котором метод рендер возвращает модальное окно. Как можно по клику на кнопку компонента A вызвать модальное окно из компонента B?

Answer 1

[Антон Спирин]

class Parent extends React.Component {
  state = {
    someStateKey: false,
  };
 
  someHandler = () => {
    this.setState({ someStateKey: true });
  };
  
  render() {
    return (
      <Wrapper>
        <ChildA someHandler={this.someHandler} />
        <ChildB stateKey={this.state.someStateKey} />
      </Wrapper>
    );
 }  
}

Lifting state up

Советую все таки осилить официальный Tutorial и документацию.

Comments

[Sanchik97]

Спасибо!