【问题标题】:Not able to listen for data changes from API无法从 API 监听数据更改
【发布时间】:2020-10-05 07:14:10
【问题描述】:

我在我的 React 应用程序中为 API 使用了 firebase,它在其中侦听用户数据。当用户数据更新时,我无法在我的 React 组件中监听数据更改。如何实现此功能。

    componentDidMount() {
        axios.get('https://organic-kart-3f887.firebaseio.com/users.json')
            .then(users => {
                this.setState({
                    users.data
                })
            })
    }

当组件安装时,我正在获取用户数据。我无法在我的应用中监听用户数据的变化。

【问题讨论】:

  • console.log users 并验证 users 变量是否正是您想要的。
  • 是的,我在安装组件时获取用户数据。我一直在将数据发布到火力基地,它正在火力基地中更新。但我无法监听组件中的这些变化。
  • 也许这会对你有所帮助stackoverflow.com/questions/50920311/…

标签: javascript reactjs api axios


【解决方案1】:

我建议你更改确切的数据将被更改而不是直接更改高级使用对象本身。请尝试以下方法。

componentDidMount() {
        axios.get('https://organic-kart-3f887.firebaseio.com/users.json')
            .then(users => {
                this.setState({
                    users: {
                    ...this.state.users,
                    data

                })
            })
    }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-24
    • 1970-01-01
    相关资源
    最近更新 更多