Question

我可以知道如何将一个prop作为变量传递给另一个传递给子组件的prop吗？

因此，在父组件中，我使用两个道具“ name”和“ formProps”传递给这样的孩子：

<FormField name="id" formProps={formProps} />
<FormField name="amount" formProps={formProps} />

在子组件的className中，我想将{props.name}作为{props.formprops.errors}的变量，但是我不知道该怎么做。

我希望这样：

当“名称”属性等于“ id”时，

props.formProps.errors.`${props.name}`

是

 props.formProps.errors.id

当“名称”属性等于“金额”时，

props.formProps.errors.`${props.name}`

是

 props.formProps.errors.amount

但是有错误。我可以知道该怎么写吗？非常感谢！

const FormField = (props) => {
return (
......
<Field
   type="text"
   name={props.name}

   className={props.formProps.errors.`${props.name}` && props.formProps.touched.`${props.name}` ? 'is-invalid form-control' : 'form-control'}
/>
)
}

Answer 1

我认为您需要这样做

<script src='https://cdn.jsdelivr.net/g/lodash@4(lodash.min.js+lodash.fp.min.js)'></script>

希望这会有所帮助。

如何在React中将一个prop作为变量传递给另一个prop？

1 个答案: