时间戳

首页 > 解决方案 > JSX：道具值中另一个表达式内的表达式

reactjs - JSX：道具值中另一个表达式内的表达式

问题描述

我需要在 React 中执行以下操作：

<input type="hidden" 
       name={props.name + 'Hidden'} 
       value={formik.values.{props.name + 'Hidden'}} />

这是非法的，但我需要我的内部values内容value={formik.values.[..]} 来动态引用name所指的内容：props.name + 'Hidden'。

换句话说，value={formik.values.approverNameHidden}工作正常，并且是 prop 的结果name=approverName。但这是一个共享组件，它需要是动态的。如何在 JSX 中做到这一点？

标签： reactjs

解决方案

尝试这个：

<input 
    type="hidden" 
    name={props.name + 'Hidden'} 
    value={formik.values[props.name + 'Hidden']}
/>

推荐阅读