只有刷新页面时,ComponentWillReceiveProps才会更新状态

大家好,你们能帮我一下吗?

我正在使用react+firebase+redux

类中的最后一行如下(编辑文章页):

const mapStateToProps = (state, ownProps) => {
  const id = ownProps.match.params.id;
  const posts = state.firestore.data.posts;
  const post = posts ? posts[id] : null;
  return {
    post: post,
    auth: state.firebase.auth
  };
};

const mapDispatshToProps = (dispatch, ownProps) => {
  return {
    editPost: (id, post) => dispatch(editPost(id, post, ownProps.history))
  };
};

export default compose(
  connect(
    mapStateToProps,
    mapDispatshToProps
  ),
  firestoreConnect([{ collection: "posts" }])
)(CreatePost);

在那之后,我用componentdidmount得到了这样的帖子:

componentDidMount() {
    const post = this.props.post;
    console.log(post);

    this.setState({
      title: post ? post.title : "",
      content: post ? post.content : ""
    });
  }

我还使用了componentwillreceiveprops:

componentWillReceiveProps(nextProps) {
    const { post } = nextProps;
    console.log(post);
    this.setState({
      title: post.title,
      content: post.content
    });
  }

我的ipnut看起来像这样:

<input type="text" id="title" value={this.state.title} onChange={this.handleChange} />

控制台总是显示 null

我没有成功更新状态(查看更新的唯一方法是刷新页面)

你能帮帮我吗?

谢谢您