我正在尝试使用两个输入字段创建一个表单，一个是选择，另一个是TextField。我想根据选择字段的值将默认值分配给TextField。

Question

             <TextField
              name="existingCompanyEmail"
              onChange={handleChange}
              variant='outlined'
              className={classes.myTextFieldRoot}
              type="email"
              placeholder={messages['common.companyEmail']}
              label={<IntlMessages id='common.companyEmail'/>}
              defaultValue={forwarderCompanyEmail} 
             /> 

I成功检索了选定的值并将值分配给组件状态。 现在使用该值，该值实际上是ID。我正在尝试获取与数组中该特定ID相关联的电子邮件，我可以成功地找到它。 在使用

上

console.log(forwarderCompanyEmail) // gives the expected email

但是，当分配给文本文件的默认道具时，相同的变量并未在我的UI中显示默认值。

因此，我使用了另一种方法，并将此变量分配给了组件状态（Usestate Hook），但这导致了更糟的情况。我的UI挂了说不能做太多的重新租户。

要检查默认值支柱是否有故障，还是我刚刚将字符串传递给的东西，令我惊讶的是，它在UI上显示。当我再次切换到变量时，它不会显示任何内容，而

console.log（forfecterCompanyEmail）

和

ALERT（forwarderCompanyEmail）

每次都向我展示所需的输出。

求服务帮助

i我可以使用Backticks和usestate

使用这样的默认值添加动态数据 例如：

const [name,setName] = useState("Rocky")

<TextField 
defaultValue={`${name}`}
/>