时间戳

首页 > 解决方案 > React js Material Ui TextField默认值不会改变

reactjs - React js Material Ui TextField默认值不会改变

问题描述

我想在状态更改时更改 TextField 的默认值，但它不起作用。我想它不会重新渲染。

 <TextField
     multiline={true}
     rows={15}
     disabled
     id="outlined-basic" label="" variant="outlined"
    defaultValue={!isEn?data.data[0].description:data.data[0].descriptionLocalization.en}
/>
<Button style={{position:"absolute",right:"20px",bottom:"5px"}} onClick={changeStateIsEn}>Save</Button>}

标签： reactjsmaterial-ui

解决方案

默认值并不意味着随着状态而改变。

您应该设置value用于反映默认值

 <TextField
     multiline={true}
     rows={15}
     disabled
     id="outlined-basic" label="" variant="outlined"
     defaultValue={'Something that will stay there initially only'}
     value={!isEn?data.data[0].description:data.data[0].descriptionLocalization.en}
/>

推荐阅读