Reactjs 如何操作{someprops.somevalue}并将空格转换为'-'；？

有这个功能-

const ficcards=({posts})=> (
{posts.map(post => (
      <div key={post.id} className="FicCards">
        <h2>{post.FicName}</h2>
        <p className="fic-description">{post.description} 
        </p>
      </div>
    ))}
)

const ficcards=（{posts}）=>(
{posts.map（post=>(
{post.FicName}
{post.description}

))}
)

我想做的是使用组件给他们一个直接链接，并将FicName中的所有空格改为“-”

过去我只是简单地做了

constficurl=FicName.replace（/\s/g，'-'）然后简单地执行

当我有硬编码的值时，任何从
{post.FicName}
？
中选取相应值的方法都可以

这样做奏效了。关闭它
propsName.value不在您的代码中。
有用吗？非常感谢。这是我犯的一个相当愚蠢的错误。