javascript - <br/> 标签和\n 在连接并放入 react 组件状态变量时不起作用

Question

我试图从文本框中获取输入值并在新行中显示每条评论。

    constructor(props) {
            super(props);
            this.displayCmnts=this.displayCmnts.bind(this);
            this.updateCmnts=this.updateCmnts.bind(this);
            this.state={
                 comments:'',
                 cmntCount:0,
                 prevCm:''
            }
        }
    render(){
            let c=(this.state.prevCm)
            return (
                   <div className="App">
                    <h3>enter comments</h3>
                    <input type="text" id="txt-cmnt" vlaue={this.state.comments} onChange= 
                    {this.updateCmnts} placeholder="enter"/>
                    <br/>
                    <button onClick={this.displayCmnts}>submit</button> 
                    <br/>
                    {c+<br/>}
                    </div>
                    );
             }
    updateCmnts(e){
            this.setState({comments:e.target.value});
        }
    displayCmnts(){
            this.setState({cmntCount:1});
            this.setState({comments:this.state.comments});
            var c=this.state.comments+"\n";
            this.setState({prevCm:this.state.prevCm+c});
}

何时执行此操作，它 {c+
} 输出 my-input-comments [object object]

Answer 1

我相信如果你将代码更改为 {c}<br/>它应该有效