如何解决无法在反应中验证 css 语法
我创建了一个 textarea 以便用户可以在我的 react-app 中输入 css。我正在使用 W3C 的 css-validator npm 包来验证用户在 textarea 中输入的 css 语法。但是每当我尝试验证语法时,我都会收到诸如 form.getHeaders is not a function
之类的错误以及更多错误。 PFA我的代码
P.S.- 出于调试目的,我直接从代码中提供 css 输入。请忽略那些东西
import React from 'react'
import validateCss from 'css-validator'
class EssayForm extends React.Component {
constructor(props) {
super(props);
this.state = {
value: ''
};
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleChange(event) {
var abc = {text: '.a { color: blue; }'};
validateCss(abc,function(err,data) {
console.log( data);
});
this.setState({value: event.target.value});
}
handleSubmit(event) {
console.log(this.state.value);
event.preventDefault();
}
render() {
return (
<div className="example">
<form onSubmit={this.handleSubmit}>
<textarea value={this.state.value} onChange={this.handleChange} cols={50} rows={10} />
<input type="submit" value="Submit" />
</form>
</div>
);
}
}
export default EssayForm;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。