0

Подскажите пожалуйста пример кода ( или ссылку ) для ситуации , когда по нажатию кнопки в одном react компоненте нужно изменить state в другом

4
  • 2
    посмотри в сторону redux 27 ноя 2018 в 16:19
  • эммм а просто на реакте ?
    – Мik
    27 ноя 2018 в 16:30
  • @Мik просто на реакте только если оба компонента будут находиться в третьем компоненте и будут работать по схеме клик кнопки 1 -> событие -> изменение стейта родителя -> перерисовка компонента 2, используя в props значения из стейта родителя 27 ноя 2018 в 16:40
  • нет примера или ссылки ?
    – Мik
    27 ноя 2018 в 16:58

1 ответ 1

2

Можно так...

import React from 'react';
import { render } from 'react-dom';

class ChildComponent extends React.Component {
  state = {
name: 'Бумеранг вернулся назад'
 }

render() {
  return (
<div>
    <button onClick={() => { this.props.updateData(this.state.name)}}>Запустить бумеранг</button>
</div>
  )
 }
}

class ParentComponent extends React.Component {
 state = {
    name: 'Бумеранг не запущен'
  };

 updateData = (value) => {
 this.setState({ name: value })
 }

   render() {
   return (
  <div>
    <p>State: {this.state.name}</p>
    <ChildComponent updateData={this.updateData} />
  </div>
   )
  }
 }

render(<ParentComponent />, document.getElementById('root'));

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.