IT技术 - 从渲染常量设置状态 - 吾爱随笔录

我想设置状态，在我的情况下，feedbackLogId它需要调用一个函数，该函数将根据feedbackLogId. 但是，const 是从上一个屏幕中获取的，我只能在 render() 方法中设置 const。

第一屏

在这里，我从 WebAPI 获取数据并将其呈现在会有多个反馈的 FlatList 中。

dataSource = [{
  "feedbackLogId": 1,
  "name": "Test1",
  "comment": "Hello",
}, {
  "feedbackLogId": 2,
  "name": "Test2",
  "type": "Hi",
}, {
  "feedbackLogId": 3,
  "name": "Test3",
  "type": "Morning",
}]

当我按下其中一个反馈时，我想导航到第二个屏幕，但保存 feedackLogId 的值，以便我可以获得有关反馈的更多详细信息。

<TouchableOpacity style={styles.listItem}
      onPress={() => this.props.navigation.navigate('FeedbackDetails', {value: item.feedbackLogId})}
      >
</TouchableOpacity>

第二屏

我尝试了很多方法，但它要么props.navigation是未定义的，要么是其他几个错误。

这是在构造函数（props）中完成的

        constructor(props) {
        super(props);
        this.state = {
            isLoaded: false,
            dataSource: [],
            feedbackLogId: ''
       }
        this.getPendingDetails = getPendingDetails.bind(this)
    }

我想在 componentDidMount() 中调用 getPendingDetails 函数，这就是我需要反馈日志 ID 的地方。

componentDidMount() {
        //this is where I would need the state of feedbackLogId
        this.getPendingDetails(this.state.feedbackLogId);
    }

只有在渲染内部，我才能获得从另一个屏幕传递的数据的值

    const feedbackLogId = this.props.navigation.getParam('value', 'nothing')

我试图调用const feedbackLogId = this.props.navigation.getParam('value', 'nothing')屏幕的其他部分，但遇到诸如this.props未定义之类的错误。有没有办法解决这个问题？感谢您的帮助！