0

Olá, estou aprendendo React, vi alguns conceitos básicos em um micro-curso no youtube, e pra treinar eu gostaria de transformar um site que já tenho em html e bootstrap para react.

Um dos problemas que encontrei é que não consegui importar "direto" a parte onde está meus scripts javascript/css.

O que não é reconhecido, e portanto ele não aplica a estilização/javascript:

App.jsx

import React from "react";
function App() {
    return (
        <>
            <link href="./static/lib/font-awesome/css/font-awesome.css" />
            <link href="./static/lib/Ionicons/css/ionicons.css" />
            <link href="./static/lib/perfect-scrollbar/css/perfect-scrollbar.min.css" />
            <restante do HTML>
        </>
);

export default App

O que funciona:

import React from 'react'
import './static/lib/font-awesome/css/font-awesome.css'
import './static/lib/Ionicons/css/ionicons.css'
import './static/lib/perfect-scrollbar/css/perfect-scrollbar.min.css'

function App() {
    return (
        <>
            <HTML>
        </>
);

export default App

Tem como realizar a importação por dentro do JSX, como se fosse um HTML normal? Como posso fazer isso? Tentei colocar dentro da pasta "public", mas também não deu certo.

4
  • Tem algum motivo pra você querer fazer isso em detrimento das importações diretamente no JS? Commented 3/07/2020 às 1:43
  • eu tenho alguns scripts que são importados no final do arquivo, como por exemplo popper, bootstrap, jquery, etc. Eu tentei incluir esses arquivos dentro do meu arquivo HTML (index.html, que fica dentro da pasta public, mas mesmo assim os javascripts não funcionam - acertei o path). Pra criar o meu app react eu usei o comando de "create-react-app".
    – Pedro
    Commented 3/07/2020 às 2:46
  • Deves manter isso "à maneira antiga". Sem importar para o React.
    – Sergio
    Commented 3/07/2020 às 8:30
  • o que você quer dizer com isso? deve ser mantido no html?
    – Pedro
    Commented 3/07/2020 às 12:15

1 Resposta 1

-1

Acredito que vc terá que refatorar o código usando os imports da forma que é feito no React, ou então vc pode colocar esse código HTML dentro do Index que fica na pasta public. Quanto ao JavaScript eu não tenho certeza mas o CSS é carregado normalmente depois da aplicação ter sido compilada.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .