React
文章平均质量分 63
React专栏,官网:https://react.docschina.org/
诗水人间
要想走的更远,就需要思考更深层次的问题。冷静、智慧、深沉是我所向往的
展开
-
4、React 定义组件的2种方式
React入门React中的 jsx 的使用React中的 模块和模块化 以及 组件和组件化 的理解组件的2种定义方式方式一、工厂函数组件// 方式1、工厂函数组件(简单组件)function MyComponent1(){ return <h1>方式1、工厂函数组件(简单组件)</h1>}方式二、ES6类组件(复杂组件)// 方式2、ES6类组件(复杂组件)class MyComponent2 extends React.Component{ re.原创 2021-12-06 01:03:47 · 577 阅读 · 1 评论 -
3、React中的 模块和模块化 以及 组件和组件化 的理解
React入门React中的 jsx 的使用模块一般就是一个js文件模块化指项目是按照一个模块一个模块写的,也就是一个js一个js方式写的组件实现局部功能的html/css/js 文件组件化指项目是按照组件的方式编写的...原创 2021-12-06 00:37:13 · 821 阅读 · 0 评论 -
2、React中的 jsx 的使用
React入门在React入门中我们可以知道React可以通过ReactDOM.render()进行挂在虚拟Dom在React中如果想要在虚拟对象中使用变量或者变量,可以通过{}获取变量内容例如: 下面这段代码通过{变量名}也就是{msg}来获取常量msg的值,否则就是原文字符串JSX 全称 javascript XML 是一种在React组件内部构建标签的类XML语法。换句话说就是在javascript中写xml的一种语法,其实前面已经写过了,也就是虚拟dom。这里进一步加深,看下j.原创 2021-12-06 00:24:48 · 1211 阅读 · 0 评论 -
1、React入门
React中文官网HelloWorld1、使用babel转换的方式注释内容注意观察。一个react页面首先需要引入react和react-dom 这两个js文件<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>HelloWorld案例</title></head><body> <div id="demo">原创 2021-12-05 21:58:26 · 622 阅读 · 0 评论