Зависимость от реакции должна начинаться с заглавной буквы для работы JSX

Question

В настоящее время мы используем реакцию вместе с requirejs с перекосом jsx babel. Мы хотели бы, чтобы написать наш код так:

define([ 
    'react' 
], function(react) { 
    return react.createClass({ 
     render: function() { 
      return (
        <div> 
         excellent code 
        </div> 
      ) 
     } 
    }); 
}); 

С строчной «реагируют», так как это не является функцией конструктора или класса.

Но если мы делаем это так, то transpiled код попытается использовать переменную React, и все сломает:

(...) 
render: function() { 

    return React.createElement(
     'div', 
     null, 
(...) 

ли возможность изменить переменную, что transpiled код используется для реактивный модуль?

Answer 1

Вы можете использовать настройку прагмы плагинов для Babel для генерации другого выражения. Таким образом, вы можете использовать JSX для совершенно разных вещей.

Попробуйте это в вас .babelrc файле:

{ 
    "presets": ["es2015", "stage-0", "react"], 
    "plugins": [ 
    ["transform-react-jsx", { 
     "pragma": "react.createElement" 
    }] 
    ] 
}