如何展示你好世界的反应？

Question

我使用react-native使用ES6尝试显示'hello world'为什么它不显示hello world text ..

这是我的代码

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

由于您使用的是样式和样式，因此无效。

此外，您必须从＆＃39; react＆＃39; 库导入React，而不是从＆＃39; react-native＆＃39; 导入React，因为您可以请参阅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