Как манипулировать {someprops.somevalue} и превратить пробелы в '-'?

Question

Есть эта функция -

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

Что я хочу сделать, так это использовать компонент, чтобы дать им прямую ссылку плюс изменить все пробелы в FicName на '-'.

В прошлом я просто делал const ficURL = FicName.replace(/\s/g, '-');, а затем просто делал <Link to={ficURL}></Link>, когда у меня были жестко закодированные значения, любой способ выбрать значения коррента из {post.FicName}?

Answer 1

Does <Link to={(post.FicName).replace(/\s/g, '-')}><Link>

Это сработало. Закрытие