React - 如何将数据从html传递给React构造函数

作者: Jacob
发布时间: 2024-04-21 04:56:52 (2天前)
转自：

2 条回复

0#
回复此人
Little it | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 保持现在的方式真实 </p> <UL> <LI> 将列表插入页面上的javascript文件并使其可访问 </LI> <LI> <P> 里面一个 <code> componentDidMount </code> 用类似的东西更新状态 </p> <pre> <code> componentDidMount() { this.setState({ myList: global.MYCOMPANY.myList }); } </code> </pre> </LI> </UL> <P> 您还可以将提取移动到组件内的某些内容。在这里你可以开始利用其他反应生态系统，如redux / thunk或者只是DIY ...... </p> <pre> <code> componentDidMount() { fetch('/getList') .then((rs) => { this.setState({ myList: rs }); }) } </code> </pre> <P> 我使用箭头功能简洁。该 <code> render </code> 每次状态发生变化时，都会调用类中的方法。如果需要，您可以选择不返回任何内容，空列表甚至是加载图标。这仍然是一个相当入门级的解决方案或适用于小型项目，但在寻求向外扩展之前是一个很好的起点。 </p> </DIV>

编辑

登录后才能参与评论