随笔分类 -  React

react挖坑
React -- 脚手架书写react
摘要：一、脚手架工具 react也有很多脚手架工具，通过脚手架工具可以快速搭建一个项目应用。 "官方推荐脚手架" 如果你是在学习 React 或创建一个新的单页应用 "Create React App" 如果你是在用 Node.js 构建服务端渲染的网站 "Next.js" 如果你是在构建面向内容的静态网 阅读全文
posted @ 2019-05-24 18:07 不会代码的前端 阅读(1548) 评论(0) 推荐(0)
React -- HTML文件编写react
摘要：一、基本概念 要想在html文件里面书写和使用react，必须要明白三个方法和概念 这个是react的核心语法，是关键 这个是react操作DOM的特殊方法， 这个是解析es6语法的工具，让老旧浏览器能够识别 那要获取这三个方法和概念，可以去下载响应的文件引入，也可以通过CDN引入，推荐CDN引入 阅读全文
posted @ 2019-05-24 11:59 不会代码的前端 阅读(5584) 评论(0) 推荐(1)
React -- state
摘要：一、新建state 正常的react中，数据都是在传入的props对象中，但是props有个问题就是固定不变的，是不能修改的，所以需要state来把props里面的数据定义到state对象中来，这样就可以随意操作修改了 上面的是typescript的类，个人大致理解就是在React.Componen 阅读全文
posted @ 2019-05-23 10:45 不会代码的前端 阅读(324) 评论(0) 推荐(0)
React -- 组件封装&props
摘要：一、组件封装 一个函数就是一个组件，该函数接受一个 对象，并返回一个React元素 通过class和 也可以定义一个组件，跟上面的组件是等价的 二、声明组件 感觉其实声明一个React元素，只不过这个元素是以组件名字命名的类似单标签模式，里面写入要传入的props 比如上面创建的是Welcome组件 阅读全文
posted @ 2019-05-22 18:33 不会代码的前端 阅读(1855) 评论(0) 推荐(0)
React -- jsx使用
摘要：一、jsx语法 二、jsx嵌入表达式 jsx的嵌入表达式，和vue的嵌入表达式不一样，vue的双大括号，jsx只是一个单大括号就行了 上面这个表达式name，就可以在h1标签里面通过{}渲染出来 在这个{}里面可以写入任何有用的JavaScript 表达式 "jsx简介" 阅读全文
posted @ 2019-05-22 17:35 不会代码的前端 阅读(497) 评论(0) 推荐(0)
React -- 入门挖坑
摘要：一、创建项目 新建一个文件，然后创建一个 文件，唉，看了react的官网教程，才知道什么叫做操蛋，妈的，简直就是东拉西扯，东拼西凑啊，根本不知道他在扯什么犊子。 官网教程 ，跟着写，根本不知道写出个什么玩意儿，只能找资料看 引入 创建完成之后，就需要在html文件里面引入react.js文件，练习就 阅读全文
posted @ 2019-05-22 17:07 不会代码的前端 阅读(504) 评论(0) 推荐(0)