该视频仅会员有权观看
立即开通课程「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 应用里请求接口发布内容(视图)