Передать HTML-элемент, окруженный текстом, в качестве аргумента

Question

Я передаю все свои аргументы моему компоненту, используя defaultProps

MyComponent.defaultProps = {
    arg1: "hello"
    arg2: "word"
}

Я могу передать весь тег ссылки, например, так:

   arg3: <a id="link" href="https://github.com/myLink">View my portfolio on Github.</a>

Я хотел бы толькослово GitHub, чтобы быть гиперссылкой, хотя.Таким образом, аргумент будет выглядеть примерно так:

"View my portfolio on" <a id="link" href="https://github.com/myLink">Github.</a>

Answer 1

Передайте один элемент HTML, который инкапсулирует все, что вы хотите отобразить.

<span>View my portfolio on <a id="link" href="https://github.com/myLink">Github.</a></span>