反应导航：使用this.props.navigation.state.params接收“未定义”

将道具传递到另一个屏幕时，我遇到一个奇怪的问题。

我传递两个参数；title和body，进入ArticleBody屏幕。

class ListButtonWrapper extends React.Component {
  constructor(props){
    super(props);
    this.articleSelected = this.articleSelected.bind(this);
  }

  articleSelected() {
    this.props.navigation.navigate('ArticleBody', {
      title: this.props.title,
      body: this.props.body
    });
  }

当按下按钮时，应该将这些道具传递到下一个屏幕。确实如此！

class ArticleBody extends React.Component {
render() {

    const { params } = this.props.navigation.state;
    const { title } = params ? params.title : null;
    const { body } = params ? params.body : null;
    console.log(title, body, params.title, params.body);
    return (
      <View>
      <Text>Title: {title}</Text>
      <Text>Body: {body}</Text>
      </View>
    );

但是，呼叫{title}或{body}in<Text>不会显示任何内容。使用console.log显示{title}和{body}未定义。

然而！如果我使用params.title或params.body，则两者均应显示。但是，根据文档，调用title或body应该可以。

但是，这是另一个问题。如果我更改const { title } = params ? params.title : null;为const { title } = params.title它，当我打电话时它仍然显示为未定义title

我很沮丧 到目前为止，我可以调用params.title或params.body直接调用，但是它也应该在定义的变量中起作用，对吗？

我究竟做错了什么？

更新

要添加一点更新。如果我console.log this.props.navigation.state，我看到道具正在传递给ArticleBody。这是日志：

{params: {…}, key: "id-1519274761934-2", routeName: "ArticleBody"}
key: "id-1519274761934-2"
params:
  body:"more stuff"
  title:"stuff"
__proto__
Object
routeName:"ArticleBody"
__proto__
Object