我正在呈现一个帖子列表.对于每一篇帖子,我都希望呈现一个带有帖子id的锚定标签,作为href字符串的一部分.

render: function(){
    return (
        <ul>
            {
                this.props.posts.map(function(post){
                    return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li>
                })
            }
        </ul>
    );

我该怎么做才能让每篇文章都有/posts/1/posts/2等的href?

推荐答案

使用字符串连接:

href={'/posts/' + post.id}

JSX语法允许使用字符串或表达式({...})作为值.你不能两者兼而有之.顾名思义,在表达式内部,可以使用任何JavaScript表达式来计算值.

Reactjs相关问答推荐

使用包装器组件时useState onChange的问题

删除表2的收件箱未按预期工作

为什么我的标签在Redux API中不能正常工作?

如何在React组件中自动更新图表数据?

如何使用react-router-dom保护嵌套在受保护路由中的嵌套路由?

如何垂直对齐 React Bootstrap Table 行中的项目

.populate() 方法在 mongodb 中不起作用

从 MongoDB createAt 字段中分割精确时间

强制 useEffect 仅运行一次

标签文本删除了 MUI 概述的输入

如何在next.js 13中仅在主页导航栏上隐藏组件?

无法读取未定义的属性(读取值)...TypeError:无法读取未定义的属性(读取值)

Firebase Storage: 对象不存在图片上传路径错误

使用 react pro 侧边栏展开折叠菜单

react 测试库不测试包含 react 路由 dom V6 的组件

为什么 setState 在 React 中不是异步的?

如何通过单击多个选项中的特定项目在模态上呈现不同的标题?

将路径数组传递给Route会引发错误

如何用实际的br标签替换axios响应中的br标签?

调用函数以获取数据并在数据到达时导航到链接