Question

我正在创建一个contenteditable div和更改元素，将用户键入的部分文本包装到带有点击监听器的span或p中，并在hover上显示一个新的pop。现在我正在做这样的事情< / p>

```

onChange(event) {
        console.log(event.target.value);
        this.setState({
            body: event.target.value
        });
        event.target.value = event.target.value.replace('you', '<span class="green">you</span>')
        this.html.innerHTML = '<span>'+ event.target.value + '</span>';
    }

    onChangeDiv(event) {
        this.setState({
            body: this.html.innerText
        })
    }  
    return (
        <div>
            <div spellCheck="false" contentEditable ref={(input) => {this.html = input}} onInput={this.onChangeDiv} onBlur={this.onBlur} ></div>
            <textarea placeholder="Start Typing" spellCheck="false" onChange={this.onChange} value={this.state.body}></textarea>
        </div>
    );

在on change方法中，有没有办法用React组件替换'you'或者添加一个事件监听器来渲染一个新的div

在react元素中添加一个带侦听器的元素

0 个答案: