0

我创建了一个文本区域,以便用户可以在我的 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;
4

0 回答 0