![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React基础
Q_do_it
这个作者很懒,什么都没留下…
展开
-
React基础之脚手架(四)- 数据请求与json server
脚手架 - 数据请求与json server麒麒(小姐姐哦)来啦!!!今天的内容是`数据请求与json server`代码是看不会的!!!~~~ 一定要动手呦!如果对你有帮助 就支持下我呦!♥一、插件下载json-server:模拟数据 npm i json-server -gaxios:数据请求 npm i --save axios二、使用步骤在项目根目录下新建文件夹 mock在mock中新建data.json,然后定义数据,如:{ "arr": [ {"原创 2020-08-21 14:26:55 · 379 阅读 · 0 评论 -
React基础之脚手架(三)- 组件传值
脚手架 - 组件传值麒麒(小姐姐哦)来啦!!!今天的内容是`组件传值`代码是看不会的!!!~~~ 一定要动手呦!如果对你有帮助 就支持下我呦!♥一、组件传值方式正向传值即父组件向子组件传值。父组件中绑定一个属性,并赋值,子组件通过props获取即可。逆向传值即子组件向父组件传值。子组件中有值想要传递给父组件同级传值二、正向传值正向传值在之前的文章中频繁使用,这里就不过多说明啦,小伙伴们手动翻找哦!React基础之脚手架()- props与state三、逆向传值场景:子组件的原创 2020-08-04 15:37:50 · 250 阅读 · 0 评论 -
React基础之脚手架(二)- props与state
脚手架使用麒麒(小姐姐哦)来啦!!!今天的内容是`脚手架使用之props与state`代码是看不会的!!!~~~ 一定要动手呦!如果对你有帮助 就支持下我呦!♥Props使用方式一子组件直接使用this.props获取值----- News.js(新建子组件News,其中text为父组件的传值)import React, { Component } from 'react'export default class News extends Component { render原创 2020-08-04 15:37:16 · 205 阅读 · 0 评论 -
React基础之脚手架(一)- Create-react-app 基本创建
脚手架 - Create-react-app 基本创建麒麒(小姐姐哦)来啦!!!今天的内容是Create-react-app脚手架 代码是看不会的!!!~~~ 一定要动手呦! 如果对你有帮助就支持下我呦!♥简介create-react-app 是Facebook官方推出的一款react脚手架,搭建此脚手架,需要预先安装node环境,node的安装度娘会告诉你!安装全局安装脚手架npm install -g create-react-app查看版本 create-react-app --v原创 2020-08-04 15:13:14 · 170 阅读 · 0 评论 -
解决 --- json-server : 无法加载文件xx\npm\json-server.ps1,因为在此系统上禁止运行脚本
麒麒(小姐姐哦)来啦!!!如果对你有帮助 就支持下我呦!♥今天遇到一个奇怪的脚本执行问题,报错如下:问题原因:PowerShell不能 / 禁止执行脚本。PowerShell无疑是对安全做过充分考量的,它把脚本的执行分成了四个策略:Restricted: 禁止运行任何脚本和配置文件。(默认)AllSigned :可以运行脚本,但要求所有脚本和配置文件由可信发布者签名,包括在本地计算机上编写的脚本。RemoteSigned :可以运行脚本,但要求从网络上下载的脚本和配置文件由可信发布者签名原创 2020-08-04 14:19:04 · 4818 阅读 · 6 评论 -
React基础(四)- 获取对象的键和值
获取对象的键和值麒麒(小姐姐哦)来啦!!!今天的内容是`获取对象的键和值`代码是看不会的!!!~~~ 一定要动手呦!如果对你有帮助 就支持下我呦!♥先来回顾下涉及的js内容js中获取对象的值有两种方式:点(.)的方式,如 obj.name如果对象的key是变量,则不可以使用点的方式,使用[]方式获取值, 如 obj[name]js中数组的返回值Object.keys(obj) // 返回一个数组类型的数据,返回内容是对象的键(key)Object.values(o原创 2020-07-16 15:58:07 · 4637 阅读 · 0 评论 -
React基础(三)- HTML属性设置、渲染数组
HTML属性设置、渲染数组麒麒(小姐姐哦)来啦!!!今天的内容是`HTML属性设置、渲染数组`代码是看不会的!!!~~~ 一定要动手呦!如果对你有帮助 就支持下我呦!♥1. HTML属性设置 - 常规属性这里以 a 标签的 href 为栗子: <div id="demoReact"> </div> <script type="text/babel"> // 属性设置 let text = "点我去百度一下";原创 2020-07-15 16:04:39 · 567 阅读 · 0 评论 -
React基础(二)- 基本书写规范
基本书写规范1. 注释注释部分需要使用/**/ let myDemo = <div> {/* 我是需要注释的内容 */} hello </div>2. 多行标签,需要有一个父元素包裹 let myDemo = <div> <div>我是第一个内容</div> <div>我是第二个内容</div> </div>3. 如果想在jsx中使用表达原创 2020-07-15 13:52:16 · 240 阅读 · 0 评论 -
React基础(一)- 环境搭建与第一个demo(hello world)
React环境搭建环境搭建使用到(需要引用)的文件React.js :核心文件React-dom.js:渲染页面中的DOM,当前文件依赖于react核心文件Babel.js:将ES6转换为ES5、JSX语法转换为JavaScript,浏览器进行代码的兼容创建项目(文件夹)我使用的是VS Code,直接新建文件夹并命名(qiqi-react-demo)在项目中配置环境(安装环境)选中文件夹,右键进入控制台(VS Code右键,点击open terminal),在控制台中进行环原创 2020-07-15 11:14:42 · 272 阅读 · 0 评论