React Native 無法將 firebase 密鑰傳遞給組件

Question

我有我想從一個組件傳遞到另一個組件的firebase密鑰，盡管它似乎只是顯示為空白。 在我的List.js我可以看到我能夠獲取密鑰（通過this.props.item.key ）並顯示密鑰。 但是當我想將它傳遞給Editblog.js它不顯示任何內容。

List.js

const { blogDescription,  key, ownerId } = this.props.item.values;

Actions.edit_blog({ values: this.props.item.values });

我想在這里將密鑰傳遞給Editblog.js我發現this.state.blogDescription給了我正確的結果但是當我使用this.state.key它顯示為空白。

Editblog.js


    this.state = {
      blogDescription: props.values.blogDescription,
      key: props.values.key,
      ownerId: props.values.ownerId
    };


<Text>{this.state.key}</Text>

Answer 1

JSX 元素上的大多數 props 都傳遞給組件，但是，有兩個特殊的 props（ ref和key ）被 React 使用，因此不會轉發到組件。

在您的情況下，您可以將密鑰作為不同的道具傳遞

Actions.edit_blog({ values: this.props.item.values, id: this.props.item.values.key });

並像這樣訪問它

this.state = {
  blogDescription: props.values.blogDescription,
  key: props.id,
  ownerId: props.values.ownerId
};


<Text>{this.state.key}</Text>