在react的componentWillMount()中,如何获取哪个组件
in reactjs componentWillMount(), how to get which component?
from https://facebook.github.io/react/docs/component-specs.html, server
和client
同时触发componentWillMount()
函数
server
如何知道哪个 client
要挂载?server
可能有多个client
步骤1:server
收到client
的传入请求。server
开始为您的组件生成标记,因此经过componentWillMount()
的生命周期。
步骤2:client
从单独的JS文件接收标记和react组件(因此它知道如何响应事件并可以处理重新呈现)。
第3步:client
呈现React组件,除了它的标记已经创建,它节省了时间,因为它不需要再次这样做。
React.render(<Component props="serverprops" />, document.getElementById('content'));
步骤4:组件生命周期在客户端执行。
在上面的步骤中,你可以看到server
只"服务"文件并进行初始渲染。跟踪它所服务的所有客户并不是它的责任。
你可以在这个仓库查看一个例子:
https://github.com/mhart/react-server-example希望对您有所帮助
相关文章:
- 如何在另一个组件中获取指令/组件实例
- Vue.js获取组件中的一个元素
- 从子级获取React dom组件
- React - 从 DOM 元素获取组件以进行调试
- 如何获取子组件的内容Angular 2中的子组件
- 在 ExtJS 中获取父组件
- 如何创建一个组件,我可以设置在 Angular 2 中的属性中获取 URL 数据
- 从子窗体组件ReactJS中获取道具
- 如何在Vue.js中获取组件元素的offsetHeight
- 如果我知道 DOM 元素的 ID,如何获取组件
- 获取组件的实际宽度和高度
- 在渲染方法 ReactJS 中获取组件宽度
- 如何使用javascript获取组件的容器?-HTML
- 如何在react native中获取组件的大小
- Ember模型和组件,获取组件来检测模型中的更改
- 如何在不向其父元素/子元素添加逻辑的情况下获取组件中子元素的dom节点
- 如何从 KnockoutJS 中的组件节点获取组件的视图模型
- 如何在Angular 1.5和Typescript中获取组件控制器中的绑定值?
- CQ5 AEM:如何使用javascript在对话框中按名称获取组件
- 获取组件的Drop Target