Что это за ошибка флага недопустимого регулярного выражения?

Question

Я условно визуализирую div в моем приложении React. Это ...

    if (props.trades.length > 0)
    return <div class="header">Your trades:</div>
    else
    return <div class="header">You haven't made any trades.</div>

работает, но я хочу включить ссылку во второй вариант, например, так

    if (props.trades.length > 0)
    return <div class="header">Your trades:</div>
    else
    return <div class="header">You haven't made any trades. Click <a to={{/page}}>here</a> to make a trade.</div>

Но я получаю эту ошибку: «Ошибка анализа: недопустимый обычный флаг выражения "при закрытии тега.

Почему это?

Answer 1

Это происходит потому, что вы должны использовать to следующим образом:

Примечание: если вы используете html a tag, вы, вероятно, захотите изменить to на href

<a to="/page">here</a>
// or 
const to = "/page"
...
<a to={to}>here</a>