React第二天

默认属性

componentName.defaultProps = {}

组件类型

有状态组件:可以定义state,即初始值的组件
无状态组件:没有state定义,例如:函数式组件

class组件即可以是有状态组件,也可以无状态组件
函数式组件一定是无状态组件,只展示页面

使用多个标签,使用div包裹,若不想包裹新标签,可以通过React.Fragment来包裹,就不会产生无意义

 <React.Fragment> 要包裹JSX </React.Fragment>

注释使用花括号包裹 {/* jsx要注释的内容 */}

React脚本架目录结构

public:存放入口页面 index.html和站标
src:平时做项目的目录

如果用npm run eject会释放出两个目录:config,script目录

 config:主要存放一些webpack配置文件和开发环境
 scripts:主要用于启动文件的目录,包括运行(start),构建(start),测试(test)

React样式处理

1.行内样式:将样式写成js对象形式,然后用style={样式对象} 调用
2.外接样式

    import './indexStyle.css';

表单的受控组件:

如果value被设置成为state中的数据时,则表单 元素就会变成受控组件,如果要想改变输入框的值,则必须还有添加onChange事件,来更新value中的值
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React简介 (1)简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc...
    鱼鱼吃猫猫阅读 5,579评论 1 6
  • 1、node.js 有很多模块,就是我们所说的很多仓库,我们可以直接用npm命令,直接在电脑上安装相应的模块。(和...
    聆听者JYZ阅读 984评论 0 0
  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 12,569评论 2 21
  • 40、React 什么是React?React 是一个用于构建用户界面的框架(采用的是MVC模式):集中处理VIE...
    萌妹撒阅读 4,690评论 0 1
  • 一个好的老师 可以让你爱上学习 一件好的工具 可以让你爱上工作 你有多久没有爱上工作了? 就是这个神奇的人 使我们...
    哈哈同学阅读 3,848评论 0 0