2015-08-23 8 views
0

Я пытаюсь настроить интерфейс материалов для React, используя JSPM и ES6 через Babel.React, Material UI, JSPM и Babel: Ошибка: не удается добавить контекст свойства, объект не расширяется

1) установлен материал-интерфейс с jspm install material-ui=npm:material-ui

2) это дало мне возможность импорта материала пользовательского интерфейса в моем Реагировать компонентные файлы, как это: import {TextField, LeftNav} from 'material-ui'

На данный момент я получаю правильные ссылки в моем ES6, так что если я делаю console.log (TextField); Я получаю отрегулированный компонент.

К сожалению, мой текущий вопрос в том, что я получаю сообщение об ошибке при попытке использовать компонент в JSX

return (
    <div> 
     <TextField /> 
    </div> 
    ) 

броски ошибка:

Warning: getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead. 
warning.js:17 Warning: Something is calling a React component directly. Use a factory or JSX instead. See: http://fb.me/react-legacyfactory 
warning.js:26 Warning: TextField(...): No `render` method found on the returned component instance: you may have forgotten to define `render` in your component or you may have accidentally tried to render an element whose type is a function that isn't a React component. 
warning.js:17 Warning: Don't set the props property of the component. Mutate the existing props object instead. 
dashboard:1 Uncaught (in promise) Error: Can't add property context, object is not extensible 
    Error loading http://localhost:3000/app.js 
    at ReactCompositeComponentMixin.mountComponent 

на основе предупреждений, я имею в виду что ошибка может быть вызвана конкретной ситуацией, созданной комбинацией инструментов, Babel + JSPM + Material-UI.

ответ