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!

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