在React Native中将const转换为class?

时间:2017-01-12 23:53:39

标签: javascript class react-native

我在React Native应用程序中有以下功能

const GreenWood = ({x,y,z,f1,f2, f3}) => {
  ...
}

我需要将其转换为类

class GreenWood extends Component {
  constructor(props) {
      super(props);
  }
  ...
}

但我的道具x,y,x未定义。如何正确地推进他们?

2 个答案:

答案 0 :(得分:5)

我猜你有一个返回一些JSX的功能组件GreenWood

class Greenwood extends React.Component {
  constructor(props) {
   super(props)
   //...whatever construction you need
  }
  render() {
   const { x, y, z, f1, f2, f3 } = this.props
   return // your JSX Here
  }
}

答案 1 :(得分:0)

我认为你不能在课堂上构建道具。您必须在所有这些变量之前添加this.props,或者在您使用它的方法中添加:

var { x, y, z, f1, f2, f3 } = this.props

或者只是将你正在使用的那些放在那个方法中。