将道具传递到反应组件

时间:2018-12-07 10:56:12

标签: javascript reactjs ecmascript-6

我需要一些帮助来解决我现在正在工作的有趣用例。

在一个组件中,我正在渲染另一个作为道具传递的组件,它工作正常。但是现在我需要向该组件发送一个prop,因为我没有任何JSX,我不知道如何传递prop,我应该使用bind吗?另一个组件是从React.Component扩展的常规es6类。

这是代码:

\?

所以基本上我需要将一个道具传递给valueSelector,我该怎么做?

我作为道具发送的valueSelector是:

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用作javascript对象,就需要设置属性“ field”。没办法吗?

0 个答案:

没有答案