JSX 是JavaScript的扩展语法，具备了JavaScript的全部能力，在react中推荐使用JSX 来作为渲染组件的元素。下面一起来看一下他的语法规则。 import React from 'react'; import ReactDOM from 'react-dom'; // import Hello from '@/component/print.js/Hello'; ...

react 的设计方式采用了组件化的方式，将UI 分割成一个个组件便于更好的实现和重复利用。 组件分为函数式组件和类组件，函数式组件主要用来做为页面渲染使用（仅仅作为页面渲染，不附带其他初始化功能） 函数式组件 function Welcome(props) { return <h1>Hello, {props.name}</h1>; } const eleme...

react 除了提供函数式组件外，还提供了类组件，类组件提供了状态属性，下面一起吧之前的函数组件转换成类组件。 /* 类组件定义 */ class Clock extends React.Component{ render(){ return ( <div> <h1>Hello,World</h1&gt...

在react 中，使用模块加载器来将css 加载到整个模块中。下面看具体的配置 在 webpack.config.js 的配置文件中，需要在css模块加载器中启用css modules（webpack中将css 进行模块化）， { test: /\.css$/, use: [ { l...

Atom是一款非常好用的前端开发编辑器，集成了很多的插件。开箱即用。下面是平时所用的一些插件和编辑器快捷键的汇总。 Atom 插件 1.atom-beautify 代码格式化插件。格式化快捷键为 ctrl+B 2.atom-html-preview Atom编辑器内实时预览的工具 快捷键为 CTRL + F12 3.atom-react-autocomplete 项目内，组件名及状态...