相关疑难解决方法(0)

在 React JS 中使用颜色控制时的警告

我正在使用带有 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"从我的输入标签中删除它,它实际上会给出两次相同的错误消息。

经过进一步调查,错误参考将我指向 …

reactjs webpack

5
推荐指数
1
解决办法
2064
查看次数

标签 统计

reactjs ×1

webpack ×1