Передача опоры в реактив

Question

Мне нужна помощь для решения интересного варианта использования, над которым я сейчас работаю.

В компоненте, который я рендерил, другой компонент, который передается в качестве опоры, работает нормально.Но теперь мне нужно отправить реквизит в этот компонент, так как у меня нет JSX, я не знаю, как пропустить реквизит, должен ли я использовать связывание?Другой компонент - это обычный класс es6, расширяющийся от React.Component.

это код:

switch (inputType) {
  case 'textarea': return (
    <div className={this.styles.txtArea}>
      <textarea
        className="input" onChange={this.onInputChanged}
        value={this.node.value ? this.node.value : ''}
      />
      {
        this.state.validationError
        ? <p className={this.styles.error}>{errorText || defaultErrorMsg}</p>
        : null
      }
    </div>);
  // case 'select': return (
  //   <select className={this.styles.select} onChange={this.onInputChanged}>
  //     {this.state.currField.input.options.map((option, index) =>
  //       <option value={option.value} key={index}>{option.name}</option>)}
  //   </select>);
  case 'select': return this.props.valueSelector;

Так что в основном мне нужно передать реквизит в valueSelector, как мне это сделать?

И valueSelector, который я отправляю как реквизит:

<ValueSelector key="valueSelector" field={this.state.selectedField || queryBuilderFields[0].name}/>

Итак, когда у меня есть valueSelector в качестве объекта javascript, мне нужно установить "поле" для реквизита.Нет способа сделать это?