![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 93
傲娇的萌、
这个作者很懒,什么都没留下…
展开
-
React的有状态组件和无状态组件
一、概念 组件可以通过props和state来包含数据: props是一个组件的配置信息。它们是从组件的上层传递而来,在组件接收到之后就保持不变。 state一开始在组件构造函数中被设置为一个默认值,然后随着组件的执行而不断变化(通常都是由于用户的操作而导致)。一个组件在内部管理它自己的state,每当state变化时,组件就重新渲染。 对于React的组件而言,state是可选的。在大部分...原创 2019-06-20 18:13:18 · 658 阅读 · 0 评论 -
React中的state
先提个问题:react中this.setState({xxx:''})与this.state.xxx='' 有区别吗? 答案:有区别的。 this.state通常是用来初始化state的,this.setstate是用来修改state值的。如果你初始化了state之后再使用this.state,之前的state会被覆盖掉,如果使用this.setState,只会替换掉相应的state值。 ...原创 2019-06-21 14:21:34 · 466 阅读 · 1 评论 -
React入门
一、初识React React是一个处理页面的视图层框架,使用组件化的方式进行开发,采用的是JSX表达式,虚拟DOM快速渲染机制。 二、深入React 使用第2种方式,配置文件都是打包好了的,如果要修改配置信息,就需要执行命令yarn eject暴露配置文件,不过这种暴露出来的配置文件可读性并不高,会给开发带来一定阻碍。 ...原创 2019-07-04 18:02:55 · 144 阅读 · 0 评论 -
webpack项目初始配置(二)——css modules与antd
在react项目中,直接引入样式文件会影响到全局样式,并非独立的。 解决方法有五种: 1、行内样式(react官网推荐) class App extends React.Component { // ... render() { return ( <div style={{ background: '#eee', width: '200px', heigh...原创 2019-07-30 17:16:27 · 857 阅读 · 0 评论