Javascript DraftJs带react，装饰器不工作

我试图创建我自己的装饰，但它不工作。 对我在搜索栏中输入的单词进行一些样式化是很简单的
输入字段

 <Editor
              editorState={this.props.editorState}
              onChange={this.handleOnChange}
      
          />
          <div>
            <input
                value={this.props.searchState}
                onChange={this.props.onChangeSearch}
                placeholder="Search..."
            />

我的“样式”组件

class SearchHighlight extends Component {
  render() {
    return (
        <span style={{fontSize: '32', backgroundColor: 'green', width: 40, height: 40}}>
        {this.props.children}
      </span>
    );
  }

---

你能把你的代码放在代码笔里并提供链接吗？

class SearchHighlight extends Component {
  render() {
    return (
        <span style={{fontSize: '32', backgroundColor: 'green', width: 40, height: 40}}>
        {this.props.children}
      </span>
    );
  }

  onChangeSearch = (e) => {
    const search = e.target.value;
    this.setState({
      search,
      editorState: EditorState.set(this.state.editorState, {decorator: generateDecorator(search)}),
    });
  };