2016-06-15 4 views
4

나는 더 새로운 JS 개발자이며 React-Native를 탐색 중입니다. 저는 최근에 Bonnie Eisenman이 "Learning React Native"를 구입했으며 아주 기본적인 날씨 응용 프로그램 인 아주 첫 번째 미니 프로젝트 작업을하고 있습니다.오류 받기 : "react.createclass is not function"

불행히도 저자가 제공하는 코드를 얻을 수 없습니다 (코드의 일부 또는 전체 내용은 here 참조). "React.createClass는 함수가 아닙니다."라는 오류가 계속 발생합니다.이 예제가 잘 작동하는 수십 개의 다른 예제를 보았습니다. 나는 많은 시간을 연구하고 질문없이 성공했다. 도와주세요! 반응 - 기본 문서 https://facebook.github.io/react-native/

당신은 요구해야

에서 반응에 따라

var React = require('react-native'); 
var { 
    StyleSheet, 
    Text, 
    View, 
    TextInput 
} = React; 


var WeatherProject = React.createClass({ 
    .... 
}); 

module.exports = WeatherProject; 

답변

5

은 '에서 스타일 시트, 텍스트보기,의 TextInput을

를'네이티브 반응 '그리고 필요로하지'반응 ' 반응 네이티브 '(당신이 현재하고있는 것처럼)

를 문서에서 :

import React, { 
    Component, 
} from 'react'; 
import { 
    TabBarIOS, 
    NavigatorIOS, 
} from 'react-native'; 

class App extends Component { 
    render() { 
    return (
     <TabBarIOS> 
     <TabBarIOS.Item title="React Native" selected={true}> 
      <NavigatorIOS initialRoute={{ title: 'React Native' }} /> 
     </TabBarIOS.Item> 
     </TabBarIOS> 
    ); 
    } 
} 

이것은 반응 구성 요소를 확장하는 ES6/ES2015 구문을 사용하고 있습니다. ES6를 지원하는 환경에서 이미 당신을 다하고 있습니다 destructuring

var React = require('react'); 
var { 
    StyleSheet, 
    Text, 
    View, 
    TextInput 
} = require('react-native'); 


var WeatherProject = React.createClass({ 
    .... 
}); 

module.exports = WeatherProject; 

객체를 기반으로하지만 그것은 단지 대신 ES6를 사용하는 것이 더있을 수 있습니다 : 당신은 다음과 같이 더 볼 것이다.

+1

이 문제가 해결되었습니다. 정말 고마워. 이 여성이이 책 /이 코드를 쓴 이래로 '반응 네이티브'가 바뀌 었는지 궁금합니다. 초조함, 그러나 이것을 풀어서 기쁘다. –

관련 문제