定义组件的三种写法
- 传统写法
const App = React.createClass({
...
});
- es6写法
class App extends React.Component({
...
});
- stateless 的写法(推荐)
const App = ({props}) => ({
...
});
const、var、let
- const 声明的只是个只读的常量,不能修改其值
- var 声明变量,作用域为该语句所在的函数内
- let 声明变量,作用域为该语句所在的代码块内 (let 是更好的 var)
组件引用
如果子组件是默认输出组件export default UserForm
,则写法为:
import UserForm from './UserForm'
如果子组件文件中含有多个组件,则写法为:
import { UserForm } from './UserForm'
文件目录
./ 当前目录
../ 父级目录
/ 根目录