Reactjs 开始在字段中键入时，材质UI中TextField组件的HintText不会隐藏其值

我最近开始探索Material UI，在TextField组件（Material UI中的组件）中遇到了hintText的这种奇怪行为

这是我的代码：

/* in my component ... */
/* ... */
render() {
   const actions = [
                <FlatButton
                    key="1"
                    label="Cancel"
                    primary
                    onTouchTap={this.handleClose}
                />,
                <FlatButton
                    key="2"
                    label="Submit"
                    primary
                    type="submit"
                    onTouchTap={this.handleSubmit}
                />
               ];
    return (
           <div>
                    <IconButton                                                 
                       tooltip="Add Asset" 
                       onTouchTap={this.handleOpen}>
                        <Add color={"#000"} />
                    </IconButton>
                    <Dialog
                        title="Add"
                        actions={actions}
                        modal
                        open={this.state.open}>
                        <form>
                            <TextField hintText="Type" 
                                value={this.state.name} 
                                onChange={this.handleName}/>
                        </form>
                    </Dialog>
            </div>
        );
}

/*在我的组件中*/
/* ... */
render（）{
常量动作=[
,
];
返回(
尝试使用placholder=“Type”而不是hintText=“Type”。
解决方案是每次用户更新字段时，都必须更新函数
handleName
中的变量
name
。因此，完整的代码是：

<TextField
  hintText="Type" 
  value={this.state.name} 
  onChange={this.handleName}
/>

它应该是有效的。如果没有，请在下面的评论中告诉我

handleName=(event)=>{
  this.setState({name:event.target.value});
}