React评论

一、简版

注：求大佬指点一哈，我这个运行下来，评论不能叠加上去
要用展开运算符

import React, { Component } from 'react'

export default class Comment extends Component {
    constructor(props){
        super(props);
        this.arr=React.createRef();
        this.state={
            // 给这定义一个说过的话
            language:''
        }
    }
    fun=()=>{

        // 得到输入框里面的值
        // console.log(this.arr.current.value);
        let  val=this.arr.current.value;
        // console.log(val);
        // 对不文明语言进行过滤
        let sensitive=['sb','eb'];
        for(let i in sensitive){
           if(val.indexOf(sensitive[i])>-1){
               //alert('亲，请好好说话！');
               val=val.replace(sensitive[i],"*");
               //return;
           }
        }
        console.log(val);
        this.setState({
            language:val
        })
      
    }

    render() {
        return (
            <div>
                <input type="text" ref={this.arr}/>
                <button onClick={this.fun}>评论</button>
                {this.state.language}
            </div>
        )
    }
}