Question

我在React Native中的技能是基本的，我想在url中插入params id以根据类别显示帖子。

export default class PostByCategory extends Component {
   static navigationOptions = ({ navigation }) => ({
    title: `${navigation.state.params.Title}`,
    });

  constructor(props) {
    super(props);
    this.state = {
      isLoading: true,
    };
  }

  componentDidMount() {

   return fetch(ConfigApp.URL+'json/data_posts.php?category='`${navigation.state.params.IdCategory}`)
     .then((response) => response.json())
     .then((responseJson) => {
       this.setState({
         isLoading: false,
         dataSource: responseJson
       }, function() {
       });
     })
     .catch((error) => {
       console.error(error);
     });
 }

Answer 1

componentDidMount() {

 return fetch(ConfigApp.URL+'json/data_posts.php?category='+this.props.navigation.state.params.IdCategory)
 .then((response) => response.json())
 .then((responseJson) => {
   this.setState({
     isLoading: false,
     dataSource: responseJson
   }, function() {
   });
 })
 .catch((error) => {
   console.error(error);
  });
}

Answer 2

您必须将navigation.state.params.IdCategory替换为this.props.navigation.state.params.IdCategory。

将params手动连接到url并不是一个好习惯。我建议您查看this question以了解如何正确构建查询字符串。

如何在React Native的fetch url中插入params？

2 个答案: