react

Posted 2020-10-12

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react相关的知识，希望对你有一定的参考价值。

安装脚手架
npm install -g create-react-app
create-react-app my-app

cd my-app
npm start

安装搭建好的项目,使用内置的webpack打包

在src下建.jsx文件

import React from ‘react‘
import ReactDOM from ‘react-dom‘

const element = (
  <h1 className="greeting">
    Hello, world!
  </h1>
);

element经过babel转义成浏览器可识别的语法

const element = React.createElement(
‘h1‘,
{className: ‘greeting‘},
‘Hello, world!‘
);

虚拟DOM

const element = {
  type: ‘h1‘,
  props: {
    className: ‘greeting‘,
    children: ‘Hello, world‘
  }
};

ReactDOM.render(//把虚拟DOMrender为真实DOM，插入到根节点

element

,
document.querySelector(‘#root‘)
);

给React元素增加属性时，属性名采用驼峰，只有两个关键字class和for-> className,htmlFor

style属性不能字符串,而是{{}}

{里写js代码，需要返回值，返回值不能是obj类型}

以上是关于react的主要内容，如果未能解决你的问题，请参考以下文章