React Setup启动页面

Question

我是ReactJS的新手。

我正在使用命令“ npx create-react-app reactproject”通过react创建网站。但是我不知道在项目运行时如何将页面（html或js）配置为默认页面？我对此进行了谷歌搜索，但无法获得答案。

谢谢。

Answer 1

以create-react-app初始化的React应用在./src/App.js呈现的页面上开始。

在该文件的render()功能中，您可以创建页面并包括其他页面的导航。

class App extends Component {

  // ...

  render() {
    return (
      <Text>My home page</Text>
    );
  }
}

Answer 2

如果您想更改HTML页面，则React应用程序将在其上呈现，您可以将ID“ root”添加到div，您的React App将在其中显示，但是我不建议这样做。

显然从index.html删除了根

我建议您阅读React文档https://reactjs.org/docs/getting-started.html

如果您想在主页上渲染其他React组件，则可以使用React Router，如下所示：

<Route path='/' exact={true} component={Home} />

还可以通过npm安装React Router并包含它：

import { BrowserRouter as Router, Route } from 'react-router-dom';