React js Material Ui TextField 默认值不变

Kag*_*erk 2 reactjs material-ui

我想在状态更改时更改 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>}
Run Code Online (Sandbox Code Playgroud)

小智 9

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

您应该设置value反映默认值

<TextField
  multiline
  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}
/>
Run Code Online (Sandbox Code Playgroud)