react小白学习进化史
哼,小呀么小胖子
怂字何解,从心而已^ω^
展开
-
逆战之React
近期学习了一下react框架,想在这里整理一下不熟和不怎么理解的知识点this.props.childrenthis.props 对象的属性与组件的属性一一对应,但是有一个例外,就是 this.props.children 属性。它表示组件的所有子节点,其值有三种可能:如果当前组件没有子节点,它就是 undefined ;如果有一个子节点,数据类型是 object ;如果有多个子节点,数据类型...原创 2020-02-24 20:58:24 · 127 阅读 · 0 评论 -
React中props和state
props是子组件用来接收父组件的数据 父组件如果传十个参数 但是子组件用了9个 就会导致子组件中满屏都是this.props 就很难去区分各个参数的作用所以我们将需要用的数据 放入constructor中进行提前说明 代码如下我们还需要跟子组件自身的数据有所区分才行(函数中参数和自己定义的内容) 可以使用state来做区分最后保存 运行npm run sta...原创 2020-01-14 21:15:30 · 154 阅读 · 0 评论 -
进一步使用插件来对props做数据类型的规范
资料来源https://www.npmjs.com/package/prop-types 利用第三方prop-types来处理 让props看起来有数据类型约束(js是弱语言没有数据类型的概率)安装 npminstall--saveprop-types使用 在需要用的地方引入(下面我以header.js文件为例)改变父组件index.js中的代码保存运行n...原创 2020-01-14 20:59:58 · 223 阅读 · 0 评论 -
React中props的使用(父传子)
主要使用原先的index.js和header.js来进行演示1 修改index.js中的代码如下2 回到子组件header.js,修改里面的代码3保存运行 npm run start 运行结果如下...原创 2020-01-14 20:40:10 · 251 阅读 · 0 评论 -
react中样式的使用(内联和外部样式表)
1 按照上次文章在src中新建了三个子组件分别为header,content,footer其中content,和footer的内容如下,header中的内容不变content.jsimport React, { Component } from 'react'export default class footer extends Component { render(...原创 2020-01-14 20:21:36 · 553 阅读 · 0 评论 -
新建有关class组件的页面
1在VSCode中安装es7插件,该插件可以在敲rfc,rcc时,按回车键,出来分别对应的函数组件模板和类组件模板2 在src中新建一个header.js文件然后使用快捷方式rcc生成的模板如下3 在上述<div></div>中写入你想插入的字体4 在index.js中使用header组件5 保存 运行npm ...原创 2020-01-14 19:46:17 · 147 阅读 · 0 评论 -
有关第一个react页面中页面渲染的几种方法总结
简述:第一个页面 ReactDom.render(<div>我的第一个react页面</div>,document.getElementById("root"));中的<div>我的第一个react页面</div>,document.getElementById("root")本质上是一个函数,可以有参数,返回值,可以调用,存在多种写...原创 2020-01-14 19:06:53 · 631 阅读 · 0 评论 -
react初识(我的第一个react代码)
1 react准备工作(安装node环境)http://nodejs.cn/download/可以按照如下链接进行安装与配置https://www.runoob.com/nodejs/nodejs-install-setup.html2 新建react项目...原创 2020-01-14 17:57:43 · 149 阅读 · 0 评论