reactjs - 親コンポーネントの状態を子コンポーネントに渡すことができません

Question

親の状態をその子コンポーネントに渡すことができません。

親の状態全体を子に渡そうとしましたが、状態自体の内容はundefined. また、小道具を使って同じようにやってみましたが、うまくいきませんでした。

---

//parent.js

state = {
  messages: [],
  roomId: this.props.navigation.getParam('roomId')
}

renderImageAction = () => {
  return <ImageAction roomId={this.state.roomId} />
}

return(<GiftedChat renderActions={this.renderImageAction}/>)

---

//child.js
DataBase.saveImage(this.props.roomId).then(alert('done'));  

状態または値が子コンポーネントに渡され、そこで値が使用可能になることを期待しています。