前端博客

状态(State) 和 属性(Props) props 是组件对外的接口，state 是组件对内的接口。 组件内可以引用其他组件，组件之间的引用形成了一个树状结构（组件树），如果下层组件需要使用上层组件的数据或方法，上层组件就可以通过下层组件的props属性进行传递，因此props是组件对外的接口。组件除了使用上层组件传递的数据外，自身也可能需要维护管理数据，这就是组件对内的接口state。根据对...

React 脚手架 create-react-app， 快速地进行构建使用 React 的项目开发，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 `create-react-app`。

Context 当我们需要像很多组件共享一些Props的时候，就可以使用Context，但是不要使用太多，使用太多会导致组件的复用性下降。 const { Provider, Consumer } = React.createContext(defaultValue) 解构出来的Provider和Consumer是两个组件，而且这个默认值是当Consumer在上层早不到Provider的时候才会...

inputValue: e.target.value target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 list.splice (index, 1) splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 [...this.state.lists] 展开运算符，开运算，然后有 [] 重新组合...

create-react-app搭建的项目中添加bootstrap npm install react-bootstrap --save npm install bootstrap@3.3.7 --save //安装bootstrap指定3.3.7 版本 在index.js文件中增加css引用 import 'bootstrap/dist/css/bootstrap.min.css'; i...

React 生命周期函数 Initialization (初始化) Mounting(挂载) Updation Unmounting setup componentWillMount props states componentWillUnmont props render co...

axios安装 npm install axios 项目导入 npm install --save axios vue-axios 页面导入 import axios from 'axios'; 功能实现 查询 search： axios.get('http://xxx.xx.xxx/api/xxx') 添加 add: axios.post('http://xxx.x...

父组件向子组件传值 父组件通过属性的形式向子组件传递参数 子组件通过props 接受父组件传递过来的参数 子组件向父组件传值 子组件和父组件通信，子组件要调用父组件传递过来的方法 ...