React: How to generate and render components

首先，用React的 CLI 来generate 一个component, 指令如下：

npx generate-react-cli component ComponentName

所需要的文件会自动生成， 可以选择是否用typescript， 我选了yes, 但是并不能import component 文件， 因此我将.tsx直接改成.js后缀。 然后就可以在 index.js 里面import 和render component了。

import React from 'react';
import ReactDOM from 'react-dom';

import './index.css';
import App from './App';
import TicTocTac from './components/TicTocTac/TicTocTac';  // import component
import GreetingUser from './components/GreetingUser/GreetingUser';  // import component 
import reportWebVitals from './reportWebVitals';


ReactDOM.render(
 <React.StrictMode>
   <App />
   <App />
   <TicTocTac /> // component 
   <GreetingUser/>  // component
 </React.StrictMode>,
 document.getElementById('root')
);

reportWebVitals();

九月二号 2021， 解决第一个问题