Передача свойства в компонент React

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

В компоненте я визуализирую другой компонент, который передается как опора, он отлично работает. Но теперь мне нужно отправить опору этому компоненту, поскольку у меня нет 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, мне нужно установить свойство «field». Нет возможности сделать это?