如何在native native中使用变量？

Question

var Square = React.createClass({
  render: function() {
  return (
      <View style={styles.square} />
  )
}
});
square: {
  width: 100,
  height: 100,
  backgroundColor: 'red'
}

当我尝试运行它时，我收到错误“无法加载包”。

var Card = React.createClass({
  render: function() {
    var card = this.props.card;

    return (
    <View style={styles.card}>
    <Text numberOfLines={2} ref="definition" style={styles.definition}>{card.definition}</Text>
    <Text numberOfLines={1} style={styles.chinese}>{this.props.simplified ? card.simplified : card.traditional}</Text>
    <Text ref="pinyin" numberOfLines={1} style={styles.pinyin}>{card.pinyin}</Text>
  </View>
 );
},
});

我正在尝试创建类似于此的东西（我在网上找到的代码），但我创建了一个变体，它仍然没有运行。有人可以向我解释问题是什么吗？谢谢。

Answer 1

我不确定这是否是您唯一的问题，但React.createClass已被弃用，并已从最新版本的React中删除（React Native使用React）。

您应该使用ES6类和功能无状态组件而不是React.createClass。

class Card extends React.Component {
  render() {
    return (
      <Text>Class Component</Text>
    )
  }
}

function Square(props) {
  return (
    <Text>Functional Component</Text>
  )
}

如果你仍然想使用React.createClass，你可以，但它有它自己的包。

https://reactjs.org/blog/2017/09/26/react-v16.0.html