10、React Router 路由实战指南

React Router 路由实战指南

1. 创建空白页面

为了实现登录、提问、查看搜索结果以及查看问题及其答案等功能页面，我们需要先创建对应的空白页面。具体步骤如下：
1. 创建登录页面（SignInPage.tsx）

import React from 'react';
import { Page } from './Page';
export const SignInPage = () => (
  <Page title="Sign In">{null}</Page>
);

这里使用了之前创建的 Page 组件来创建一个标题为 “Sign In” 的空页面。当前在 Page 组件的内容部分渲染 null ，这是告诉 React 不渲染任何内容。
2. 创建提问页面（AskPage.tsx）

import React from 'react';
import { Page } from './Page';
export const AskPage = () => (
  <Page title="Ask a question">{null}</Page>
);

3. 创建搜索