该视频仅会员有权观看
立即开通课程「React.js 前端应用开发实践」权限。
- 创建一个名为
post create.tsx 的组件文件,放在 src/post/create 目录下。
- 在
post roads 中定义一条路由,其 path 设置为 create,并将路由的 element 设置为新定义的 post create 组件。
- 在文件的顶部导入一个名为
add icon 的 SVG 图标,源自当前目录的 icons/add.svg。
- 在组件视图中添加一个
Link 组件,来源于 React Router。
- 设置该
Link 的路径为 create。其中包含一个 img 标签,其 src 设置为 add icon,alt 属性设置为添加内容。
- 测试:点击页面头部的 Java 图标可打开
create 地址,显示 post create 组件。
- 修改页面的标题:使用
useEffect 在 post create 组件中设置 document.title。
- 观察浏览器标签栏显示的页面标题。
下一节
在 React 应用里请求接口发布内容(视图)