1

Схематичный пример- имеем 2 класса:

var Child = React.createClass({
  getInitialState:  { 
      objects: {} 
  },
  render: function() { 
      return (
       <div value={this.state.objects}></div>
      ); 
  },
});

var Parent = React.createClass({

  render: function() { 
      return (
       <Child/>
      ); 
  },
});

в Parent нужно осуществить отправку данных. Отправить надо object,который находится в Child. Один из вариантов таков:

var Child = React.createClass({

      render: function() { 
          return (
           <div value={this.props.objects}></div>
          ); 
      },
    });

    var Parent = React.createClass({
      getInitialState:  { 
          objects: {} 
      },

      render: function() { 
          return (
           <Child objects={this.state.objects}/>
          ); 
      },
    });

То есть мы из предка передаем чайлду параметр objects и методами чайлда можем его менять. Возник вопрос можно ли как-то без этих плясок с прообросами параметров из предка получить доступ к стейту чайлда, чтобы вытащить оттуда какие-то данные?(без применения концепций flux\redux) Если да, то как это можно сделать?

1
  • 1
    можно через ref. Это - в общем случае костыль которым не надо злоупотреблять. Можно вынести состояние в родителя, это в общем самое верное. Можно устроить как вы выражаетесь "пляски с пробросом параметров из предка". Это - нормально. В любом случае это сигнал из разряда "остановись и подумай о зонах ответственности" 7 мар 2017 в 15:24

1 ответ 1

2

используейте

ref

class AutoFocusTextInput extends React.Component {
    componentDidMount() {
        console.log(this.textInput);
    }

    render() {
       return (
           <CustomTextInput
               ref={(input) => { this.textInput = input; }} />
       );
    }
}

Ваш ответ

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

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