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'));

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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