我创建了一个文本区域,以便用户可以在我的 react-app 中输入 css。我正在使用 W3C 的 css-validator npm 包来验证用户在 textarea 中输入的 css 语法。但是,每当我尝试验证语法时,都会遇到类似错误form.getHeaders is not a function
和更多错误。PFA 我的代码
PS-出于调试目的,我直接从代码中提供 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;