3
respostas

Caracteres Especiais em React

Olá, tudo bem? No momento, tenho um trabalho que faço aqui na empresa utilizando React CDN (React Incorporado), só que tenho um problema, nos programas, o meta charset é obrigatório e estamos utilizando o ISO - 8859-1. Porém, quando compila, aparece vários erros informando que o caractere especial não é válido, no exemplo a seguir é o caractere "¢":

class Tabela extends React.Component{
  constructor(props){
    super(props)

    this.resultados = this.props.resultados
    this.titulos_tabela = this.props.titulos_tabela
    this.tit_tabela = titulos_tabela.split("¢");
    ...

//No inspecionar elemento, aparece da seguinte forma: 

class Tabela extends React.Component{
  constructor(props){
    super(props)

    this.resultados = this.props.resultados
    this.titulos_tabela = this.props.titulos_tabela
    this.tit_tabela = titulos_tabela.split("�");

//Note o "�"

Minha dúvida é, como posso resolver esse problema de codificação de caracteres? Tem alguma API, ou link CDN, ou algum outro meio para resolver isso? desde já, muito obrigado!

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
3 respostas

Fala Geovane, tudo bem?

Caso tiver acesso ao arquivo index.html, basta alterar o charset para UTF-8

Então, como eu disse antes, por padrão, os arquivos precisam ter o charset obrigatório sendo ISO - 8859-1!

Nesse caso, você deve utilizar o código desses caracteres especiais, veja a lista aqui use nome da entidade. No caso você utilizará isso no html, e no js utilizará o caractere normalmente.

Mas para facilitar o processo, você também pode seguir esses passos:

https://stackoverflow.com/questions/35182215/react-webpack-character-encoding-issues