我如何在React 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