Reactjs 在输入字段中重排表单自定义值

我尝试将自定义输入值传递到字段中，我已经使用initialValue或dispatch change，但我想保留我的对象，但只显示一个值

例如：

const value = { name:'bob', firstname:'lanvin', age:28 }

    <Field component={MyCustomInput} val="value.name"/>

    const MyCustomInput = (props, value) => {
      return (
        <div class="input-row">
          <input type="text" {...props} defaultValue="val"/>
          {props.touched && props.error && <span className="error">{props.error}</span>}
        </div>
      )
    }/>

const value={name:'bob'，firstname:'lanvin'，年龄：28}
常量MyCustomInput=（道具，值）=>{
返回(
{props.toucted&&props.error&&{props.error}
)
}/>

---

我在某个页面中重复此字段，因此我希望显示一个时间名称和之后的年龄，。。。哪种方法最好？

该值将作为组件的道具提供。你可以像这样处理它

const value = { name:'bob', firstname:'lanvin', age:28 }

<Field component={MyCustomInput} val={value.name}/>

const MyCustomInput = (props) => {
  return (
    <div class="input-row">
      <input type="text" {...props} defaultValue={props.val}/>
      {props.touched && props.error && <span className="error">{props.error}</span>}
    </div>
  )
}/>

const value={name:'bob'，firstname:'lanvin'，年龄：28}
常量MyCustomInput=（道具）=>{
返回(
{props.toucted&&props.error&&{props.error}
)
}/>

你能通过console.log（）检查一下MyCustomInput作为道具得到了什么吗？我还将答案更新为

val={value.name}

。请检查并告知部件何时加载，首先，它是未定义的，在用Redux表单填充值之后，您需要显式地设置intialvalues。我已经用整个对象在initialValues中设置了它。之后，我需要在我的组件中只获取该对象的两个元素，如下所示：

在这种情况下，道具最初可能不可用