React-js重复道具问题

时间:2019-04-17 11:39:12

标签: javascript reactjs react-redux react-redux-form

我有一个显示页面,显示该票证的详细信息,包括其评论,并且此页面具有用于在此票证下创建评论的简单表单。 表单已提交并成功添加评论。
问题
当我将当前票证页面留到另一个票证页面时,我为第一张票证创建的注释会显示在第二张票证的页面中。

表格

df1 = (df[df['DONE'] == 'Yes']
        .groupby(['ID', pd.to_datetime(df['DATE']).dt.to_period('m')])
        .size()
        .reset_index(name='COUNT'))
print (df1)
   ID     DATE  COUNT
0   1  2009-01      2
1   1  2009-12      1
2   2  2009-09      1
3   2  2009-10      1
4   3  2009-10      1

功能添加注释

                    <form onSubmit={this.handleAddComment} className="m-form">
                        <div className="group-control">
                            <textarea 
                                className="form-control" 
                                value={this.state.comment} 
                                name="comment"  
                                onChange={this.handleChange}
                                required
                            >
                            </textarea>
                        </div>
                        <br />
                        <div className="m-widget13__action m--align-right">
                            <button type="submit" className="btn btn-primary">
                                Add Comment
                            </button>
                        </div>
                    </form>

创建评论后,我在组件中收到的支票会收到

handleAddComment(e)
{
    e.preventDefault();

    const data = {
        ticketId : this.props.complaintId,
        comment  : this.state.comment
    }
    // send create comment request
    this.props.complaintCommentCreate(data);
}

在跟踪了解决问题的步骤之后:我发现componentWillReceiveProps方法仍然保留创建的注释的数据,而不是更改票证页面。

请问该怎么办?

0 个答案:

没有答案