React中只能在页面上使用一次Quill JS编辑器

npm install react-quill

import ReactQuill from 'react-quill';
import 'react-quill/dist/quill.snow.css';

class QuillEditor extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      text: this.props.initialText
    };
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(value) {
    this.setState({ text: value });
  }

  render() {
    return (
      <ReactQuill value={this.state.text} onChange={this.handleChange} />
    );
  }
}

export default QuillEditor;

import QuillEditor from './QuillEditor';

class App extends React.Component {
  render() {
    return (
      <div>
        <QuillEditor initialText="Hello, Quill!" />
      </div>
    );
  }
}

export default App;