单击React Link以刷新数据

时间:2016-09-30 20:00:07

标签: reactjs hyperlink

我只是React JS的初学者。目前根据Routing React Apps中的文章撰写样本。有一个导航菜单,包括Home,Cars和About。当第一次点击汽车时,它会获取数据并呈现它们。数据在示例应用程序中进行了硬编码。但是,我正在连接到Web服务,并且希望在单击“链接'汽车”时获取数据。有没有办法为导航链接定义事件?有人建议使用Transitionto和TransitionFrom。然而,它们不是正确的选择。我已经探索了生命周期方法,但是当点击链接时,它们都没有被重新执行。

2 个答案:

答案 0 :(得分:0)

与react / html的大多数组件一样,Link拥有Props onClick,您可以在其中提供可以获取所需内容的函数

答案 1 :(得分:0)

感谢Alexandre的输入。我错过了运行生命周期方法。最后在调试过程中发现,当单击一个链接时,它会调用componentWillMount方法。我将获取数据的逻辑移到componentWillMount方法中,现在可以正常工作。