如何在反应中显示你好世界？

Question

我使用react-native使用ES6试图表明 '世界你好' 为什么不显示的Hello World文本..

这里是我的代码

https://rnplay.org/apps/zFnEdg

'use strict'; 

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

class PropertyFinderApp extends React.Component { 
    render() { 
    return React.createElement(React.Text, {style: styles.text}, "Hello World!"); 
    } 
} 


AppRegistry.registerComponent('PropertyFinderApp',() => PropertyFinderApp); 

Answer 1

这是不工作，因为你正在使用款式和款式甚至没有定义。

你也不得不进口来自“反应”库反应，并没有从“反应母语”，因为你可以在docs

你的代码中看到的应该是这样的。

import React, { 
    Component, 
} from 'react'; 

import { 
    AppRegistry, 
    Component, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 

const styles = StyleSheet.create({ 
    text: { 
     fontSize: 20 
    } 
}); 


class PropertyFinderApp extends React.Component { 
    render() { 
    return (<View> 
      <Text style={styles.text}> "Hello World!"</Text> 
     </View>) 
    } 
} 

AppRegistry.registerComponent('PropertyFinderApp',() => PropertyFinderApp); 

在这里，你在rnplay中得到你的例子，例如检查android版本。

rnplay