react 父组件向子组件传递函数
2024-08-31 09:31:47
这段时间一直在使用react,由于这react是单向数据绑定,总感觉有点不适用,毕竟之前一直都在使用angular,但学习还是要继续,做了一个迭代的项目,都差点忘记要总结一下这个react了,现在可以写点东西了。(react 新手,仅仅参考)
1.react一开始我更理解为是一个各种代码片段,由于之前接触了一段时间meteor,感觉有点相似。在使用之前都要在app.js中将一总的父组件通过import导入,另外在route中的path中写入链接
例如:import createHistory from 'history/createHashHistory';
<Route path="/mediahome" component={MediaHome}/>
2.父组件页面中,使用
class ShoppingCar extends React.Component {
constructor() {
super();
this.state ={
myCar : []
};
}
componentDidMount() {
//进行渲染
} }
说明:使用class并且继承,说明这种方式里面都是一种对象的形式,在调用的时候也要使用这种点的形式
constructor首先设置属性,可以理解为js中的var ;先设置一个变量;
componentDidMount 在这里可以请求一些数据,请求结束之后在渲染页面
如果父组件要传递参数给子组件可以在子组件的路由中加入 ,然后在子组件中用this.props获取,同理,从父组件向子组件传递函数也是如此,在子组件使用this.props调用函数,将子组件的值返回到父组件中调用更新。
最新文章
- nginx 启动不了的小问题
- Openjudge 1.13.37:乒乓球
- Selenium 获取隐藏元素的内容
- Linux 编译 websocket++
- Website Speed Optimization Guide for Google PageSpeed Rules
- Python3学习(2)-中级篇
- python入门 2014-3-21
- try-catch语句讲解
- Github Page--CSDN新人的第二选择
- [Spoj]Counting Divisors (cube)
- GALV_maptravel研究分析(2)
- JavaScript基础——深入学习async/await
- 我永远喜欢着OOP——第一次总结
- 从零开始学 Web 之 jQuery(八)each,多库共存,包装集,插件
- Github以及推广
- navicat for mysql 最简便的破解方法
- WebRTC开发基础(WebRTC入门系列1:getUserMedia)
- Java如何检查线程是否停止?
- CCF CSP 201409-4 最优配餐
- 深入浅出-网络七层模型&;&;网络数据包
热门文章
- [Flexbox] Use Flex to Scale Background Image
- [CSS] Use Generated Content to Augment Information
- Deep Learning for Nature Language Processing --- 第四讲(下)
- pppoe-环境下的mtu和mss
- 魔兽争霸war3心得体会(二):狗转蜘蛛,DK光环+游侠二发
- [CSS] Manipulate Images Using CSS Filter and Blend Modes
- 【t053】整数去位
- android 发送http请求
- AJAX 相关笔记
- svn: E200033: database is locked解决办法