当聚焦在<textfield>上时，设置`floatingLabelStyle`的颜色

Question

使用material-ui <TextField>，如何为焦点状态设置floatingLabel的颜色？

如果我在floatingLabelStyle属性中设置颜色，则在聚焦非聚焦时会假定颜色。

感谢。

Answer 1

您可以在州内设置颜色，然后使用USER_ID事件更改状态。以下是一个简单的例子。

原始应用状态（es6构造函数）：

onFocus

您的文字字段：

  constructor() {
        this.state = {
            floatingErrorText: 'This field is required.',      
            floatingTextColor: {color: 'blue'}
        }
    }

然后改变状态使用这些方面的东西：

<TextField
     hintText="Project Name"
     errorText={this.state.floatingErrorText}
     floatingLabelText="Project Name"
     floatingLabelStyle={this.state.floatingTextColor}
     onFocus={this.handleFocus.bind(this)} />