在html内插入组件

Question

我想在<a>阳台内添加组件的渲染。

我有一个组成部分：

import Tableau from "./tableauCOlonnes.jsx";

class Views_Default_Mapping extends React.Component {
    render() {
    var liste_colonnes = ["Nom", "Age", "Taille"];
    const html = 

    return (

        <div className="div_mapping">
            <ul>
                <li>
                    <a href="data:text/html,<Tableau liste_colonnes={liste_colonnes}>" target="tabcontent">Fichier 1</a>
                </li>
            </ul>
         </div>
    );
}
}

所以我想在<a>内添加带有道具的<Tableau /> ，但是它不起作用。 我也尝试了html-to-react，但是我不知道该怎么办，它也不起作用。 我该怎么办？

Answer 1

尝试

<a href={<Tableau liste_colonnes={liste_colonnes}>} target="tabcontent">
    Fichier 1
</a>