检测ReactJS页面更改

时间:2016-09-14 16:38:01

标签: javascript ajax reactjs

我是ReactJS的新手,所以一直在尝试使用它的一些网站。现在,我正在尝试根据页面URL对API进行AJAX调用。问题是,无论何时点击链接,我的代码都会中断,因为它没有检测到页面更改。我目前的方法是在所有链接上监听点击事件,并捎带我在页面加载时看到的两个选择器(pageLoading - loading和pageLoading - finished)。有没有更好的方法来检测单页面应用程序的页面更改?对于情况参考,因为这些是实验,我无法访问服务器。以下是我目前的代码方法。

    myLegend=plt.legend(bbox_to_anchor=(0., 1.2, 1., .102), prop ={'size':10}, loc=10, ncol=4,
                title=r'$\bf{TOTAL ACCURACY AND PER STAGE - RANDOM FOREST}$')

    myLegend.get_title().set_fontsize('24')

1 个答案:

答案 0 :(得分:1)

尝试使用setState。这样反应将通知页面更改并处理事件。这是一个向notes数组中添加新注释的快速示例。

addNote = () => {
        this.setState({
            notes: this.state.notes.concat([{
                id: uuid.v4(),
                task: 'new task'
            }])
        })
    }

如需更多信息,请查看https://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html