react 学习2-组件结构-参数传递

使用环境：

1. node -vv10.19.0
2. npm -v6.13.4
3. VSCode

结构：

我这里每个组件下面都是index.js。方便后面import 的时候，写路径直接导入到文件下面。会默认找其中的index.js

写名称也可以，

列：components/TodoHeader/index.js --> components/TodoHeader/TodoHeader.js

导入需要:export { default as TodoHeader } from './TodoHeader' -->export { default as TodoHeader } from './TodoHeader/TodoHeader.js'

1、src\index.js

 

import React from 'react'
import {render} from 'react-dom'

import App from './App'

render(
    <App />,
    document.querySelector("#root")
)

2、src\App.js

import React, { Component, Fragment } from 'react'

import {
    TodoHeader,