小编Bas*_*sit的帖子

当我点击New Number button 时，我得到一个从 0 到 15 的随机数......这很好用，但现在我想要当我点击Previous Number button 时，它会给我以前的数字/状态。

例如..

渲染运行后，我得到 12。然后我单击给我 4 的新编号按钮，现在我想要当我单击上一个编号时，这会更改状态并给我之前处于状态的编号，它是 4。如何为了实现这个功能......

我知道componendDidUpdate有prevProp和prevState参数，但无法弄清楚如何在点击时调用它。这是我的代码

class App extends React.Component {
   state = {
      randomNum: ''
   }

   componentDidMount() {
      this.getNewRandomNum()
   }

   getNewRandomNum = () => {
      let randomNum = Math.floor(Math.random() * 15)
      this.setState({ randomNum })
      console.log(this.state.randomNum)
   }

   prevNum = () => {

   }
   render() {
      return (
         <div>
            <h1>{this.state.randomNum}</h1>
            <button onClick={this.getNewRandomNum}>New Number</button>
            <button onClick={this.prevNum}>Previous …

我使用命令react-native init appName创建新的react本机应用程序.应用程序创建成功后,使用命令react-native run-android将其安装在我的设备中,它安装成功,并且工作正常......没问题

但是,一旦我安装反应导航和手势处理程序,我收到命令失败的错误:gradlew.bat installDebug运行命令后反应本机运行android我不知道什么是错的...我的旧反应原生项目工作正常精细.

我记得昨天我在我的一个旧项目中运行命令gradlew clean.这对我的新项目有影响吗？

如果有人帮忙,我会非常感激

这是完全错误

  FAILURE: Build failed with an exception.

  * Where:
  Settings file 'D:\React Native Apps\Practice\newapp\android\settings.gradle' line: 3

  * What went wrong:
  Could not compile settings file 'D:\React Native Apps\Practice\newapp\android\settings.gradle'.
  > startup failed:
  settings file 'D:\React Native Apps\Practice\newapp\android\settings.gradle': 3: unexpected char: '\' @ line 3, column 133.
     s\react-native-gesture-handler\android')
                                   ^

  1 error


  * Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to …

我想使用 React js modal 获取动态内容我正在使用包 react-responsive-modal。首先，我通过地图渲染所有帖子。现在我希望当我点击个人帖子时，模态应该弹出并只显示该特定帖子的标题和正文。现在我不知道如何在模态中获取单个帖子。是否可以通过第三方包来做到这一点，或者我必须为此制作自定义模式？

import React from 'react';
    import Modal from 'react-responsive-modal';
    import Axios from 'axios';

    const styles = {
        fontFamily: 'sans-serif',
        textAlign: 'center'
    };

    class App extends React.Component {
        state = {
            posts: [],
            open: false
        };

        componentDidMount() {
            let url = 'https://jsonplaceholder.typicode.com/posts';
            Axios.get(url).then(res => {
                this.setState({
                    posts: res.data.slice(0, 10)
                });
                console.log(res.data.slice(0, 10));
            });
        }

        onOpenModal = () => {
            this.setState({ open: true });
        };

        onCloseModal = () => {
            this.setState({ open: false });
        };

        renderPosts() { …