3 answers
Você não pode renderizar o componente React innerHTMLporque é um objeto, não confunda entre JSX e HTML.
Para resolvê-lo, você precisa contentser um válido HTML.
Pode ser feito fazendo ShareThisuma função retornando um válido HTMLcomo uma string:
const ShareThis = ({ text }) => {
return `<div class="one-line">${text}</div>`;
};
const content = `
<p>Text 1</p>
!#ShareButton
<p>Text 2</p>
`;
const htmlcontent = content.replace(
/!#ShareButton/g,
ShareThis({ text: "Hello" })
);
const App = () => {
return <div dangerouslySetInnerHTML={{ __html: htmlcontent }} />;
};
Observe que você tem um erro de digitação na expressão regex:
/!#ShareButton/
Related questions
MORE COOL STUFF
Jana Duggar: tudo o que ela disse sobre o amor e sua janela de 5 anos para encontrar o 'escolhido'
Jana Duggar foi aberta sobre sua busca pelo amor. Aqui está tudo o que ela disse sobre o assunto e sua janela de cinco anos para o casamento.
Sam Heughan sabe exatamente o que vai tirar do set de 'Outlander' - 'Eu me sinto como Jamie quando os coloco'
O astro de 'Outlander', Sam Heughan, revelou recentemente o que vai levar do set para relembrar Jamie Fraser, o papel que o tornou uma estrela.
A música dos primeiros Beatles que foi uma das 'apresentações mais emocionantes' da banda, de acordo com um Fab Four Insider
'She Loves You' foi escrita em uma hora, gravada em um dia, e foi a música dos Beatles com uma de suas melhores apresentações de sua carreira.
Dolly Parton ajudou sua avó 'inválida' quando nenhum dos outros netos o faria - ela também pregaria uma peça nela
Dolly Parton e sua avó Bessie tiveram um relacionamento especial. Vovó Parton estava muito doente, mas isso não impediu Dolly de pregar uma peça nela.
Qual é a madeira mais dura do mundo?
Você pode achar que o carvalho ou a nogueira são madeiras resistentes, mas quando se trata da madeira mais dura do mundo, elas nem chegam perto.
10 das criaturas marinhas mais assustadoras que espreitam nas profundezas do oceano
O oceano é repleto de beleza, mas também esconde algumas das criaturas marinhas mais assustadoras do planeta. Muitos desses animais espreitam nas profundezas do oceano, no mundo escuro e de alta pressão do fundo do mar.
10 Melhores Encantamentos de Espada no Minecraft
Se você está enfrentando criaturas hostis ou se preparando para cenários PvP, conhecer os melhores encantamentos de espada no Minecraft pode te dar uma grande vantagem. Encantar espadas permite causar mais dano, aumentar a quantidade de itens obtidos de criaturas e prolongar a durabilidade da sua espada.
13 países socialistas muito diferentes entre si
Quando as pessoas falam sobre países socialistas, geralmente imaginam o controle total do governo e a ausência de propriedade privada. Mas, na prática, as economias socialistas variam muito.
Recapitulação do Urso: Marcus é o homem mais gentil, gentil e sincero de Chicago?
“Children” traz uma participação especial de grande nome e algumas notícias devastadoras
Por US $ 9.800, você os colocaria neste Toyota RAV4 2008 de sete lugares?
Este RAV4 está em excelentes condições e está preparado para um jogo de cadeiras musicais.
Van de entrega da Amazon pega fogo em explosão de fogo durante o calor do verão em Houston
Imagens de drone capturaram bombeiros parecendo lutar para apagar o incêndio.
O programa dos Panteras Negras da Marvel será o programa de animação mais importante até agora
Eyes of Wakanda está diretamente relacionado ao MCU, além de atualizações sobre X-Men '97, What If..., Demolidor e muito mais.
Tudo sobre o deslumbrante anel de noivado de safira de Kate Middleton (e a herança real que o inspirou!)
O anel de noivado de Kate Middleton pertenceu à Princesa Diana antes do Príncipe William pedi-la em casamento. Descubra tudo o que há para saber sobre a peça histórica aqui.
Quem é a esposa de John Cleese? Tudo sobre Jennifer Wade
John Cleese se casou com sua esposa, Jennifer Wade, em 2012. Aqui está tudo o que você precisa saber sobre a esposa de John Cleese, Jennifer Wade.
Quem é a esposa de Patton Oswalt? Tudo sobre Meredith Salenger
Patton Oswalt se casou com sua esposa, a também atriz Meredith Salenger, em 2017. Aqui está tudo o que você precisa saber sobre a esposa de Patton Oswalt, Meredith Salenger.
Quem é o marido de Mena Suvari? Tudo sobre Michael Hope
Mena Suvari é casada com o marido Michael Hope desde 2018. Aqui está tudo o que você precisa saber sobre o marido de Mena Suvari.
3 maneiras comprovadas de melhorar sua habilidade de escrita
Os benefícios de escrever e estratégias para ajudá-lo a fazê-lo
Em 2022, com o lançamento do GPT-3, a habilidade de escrita parece se tornar menos importante. Com a IA, pessoas com redação ruim também podem gerar funcionários de qualidade.
A lenta erosão: revelando como as pessoas desperdiçam em suas carreiras
No mundo acelerado e competitivo de hoje, a carreira desempenha um papel significativo no crescimento pessoal, na estabilidade financeira e na satisfação geral com a vida. No entanto, muitos indivíduos encontram-se presos em um ciclo implacável de estagnação e insatisfação, definhando gradualmente em suas vidas profissionais.
O que torna um podcast influente?
Na semana passada, notei um comunicado de imprensa, enviado via PressGazette (um site de notícias da mídia britânica). O artigo anunciava que a Acast, a empresa de publicidade e hospedagem de podcast Scandi, lideraria um consórcio de "provavelmente os editores mais influentes" em podcasting.