javascript - 连接并放入反应组件状态变量时，标记和\ n不起作用

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]

标签： javascripthtmlreactjs

Answer 1

我相信如果您将代码更改为{c}<br/>它应该可以工作