我正在使用带有 Babel 和 Webpack 的 React JS。我的其他脚本即使是使用颜色模块的脚本也一切正常,但是,我的一个脚本给了我以下错误:
指定的值“”不符合要求的格式。格式为“#rrggbb”,其中 rr、gg、bb 是两位十六进制数。
我的代码如下:
import React from 'react';
class EditDetails extends React.Component {
constructor(props) {
super(props);
this.state = {
bg: "#ffffff"
};
}
handleChange(event) {
const target = event.target;
const value = target.type === 'checkbox' ? target.checked : target.value;
const id = target.id;
this.setState({
[id]: value
});
}
render() {
return (
<div>
<form>
<div>Background Colour:<input id="bg" type="color" onChange={this.handleChange.bind(this)} value="#dddddd" /></div>
</form>
</div>
)
}
}
export default EditDetails;
Run Code Online (Sandbox Code Playgroud)
如果我value="#dddddd"从我的输入标签中删除它,它实际上会给出两次相同的错误消息。
经过进一步调查,错误参考将我指向 …