Как импортировать зависимости в класс reactjs?

Я создал файл реакции jsx (index.jsx), как показано ниже. Первая строка используется для импорта библиотеки jquery в нашем классе.Как импортировать зависимости в класс reactjs?

import $ from 'jquery' 
import React from 'react'; 
import ReactDOM from 'react-dom'; 

import './main.css'; 
import './component'; 
import Search from './search/search'

, когда я начал WebPack-DEV-сервер, я получил ниже ошибки:

index.jsx Line 1: Unexpected token 
You may need an appropriate loader to handle this file type. 
| import $ from 'jquery'; 
| import React from 'react'; 
| import ReactDOM from 'react-dom'

Я добавил JQuery и реагировать зависимости от моего файла package.json. Интересно, что я пропустил здесь.

источник

2016-04-08 Zhao Yi

Вы используете компилятор, такой как babel? Можете ли вы опубликовать свой файл webpack.config? – vintem

вопрос помечается как Реагировать, но я не вижу его. Если вы хотите использовать React, сделать что-то вроде:

helloworld.js:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import $ from 'jquery'; 

var HelloWorld = React.createClass({ 
    render: function(){ 
     return <h1> Hello World! </h1> 
    } 
}); 

ReactDOM.render(<HelloWorld />, document.getElementById('content'));

index.html:

<html> 
    <head> 
     <title>Hello World Example</title> 
    </head> 
    <body> 
     <div id='content'/> 
    </body> 
</html>

Если вы не хотите использовать React, пожалуйста, напишите ваш другой код, чтобы мы могли видеть, как все объединяется, и где все идет не так.

источник

2016-04-08 08:19:35

Я хочу использовать реакцию, но я получил ошибку перед импортом. Фактически, я пробовал ваш код, но получил эту ошибку: «index.jsx Линия 1: Неожиданный токен. Вам может понадобиться соответствующий загрузчик для обработки этого типа файла». Я изменил сообщение, чтобы включить эту ошибку. –

Жюст сделать:

var $ = require("query"); 
     module.exports = { 
      function(){ 

      var element = document.createElement('h1'); 

      element.innerHTML = 'Hello world'; 

      return element; 
     } 
    }

другой syntaxe может быть:

var $ = require("query"); 
    module.exports = { 
       myFunction : function(){ 

       var element = document.createElement('h1'); 

       element.innerHTML = 'Hello world'; 

       return element; 
      } 
     }

источник

2016-04-08 08:07:38 fandro

Я хочу импортировать jquery в другие библиотеки, где я должен разместить код импорта? –

в верхней части экспорта модуля, как и вы, может быть: var $ = require ("query"); – fandro

это помогает? – fandro

Как импортировать зависимости в класс reactjs?

ответ

Смежные вопросы