react-native如何将功能组件更改为类组件

Question

我需要将功能组件更改为类组件。我知道该怎么做，但是如果我想传递道具怎么办？

功能组件

const FunctionalComponent = (props) => {
  return (
    <View>
    <View>
    <TouchableOpacity
        onPress={()=> {props.navigation.navigate('profile')}}>
      <Text>button</Text>
    </TouchableOpacity>
    </View>

    <ScrollView>
      <DrawerItems {...props}/>
    </ScrollView>
    </View>
  )
}

类组件

class ClassComponent extends Component = (props) => {
  render(){
  return (
    <View>
    <View>
    <TouchableOpacity
        onPress={()=> {props.navigation.navigate('profile')}}>
      <Text>button</Text>
    </TouchableOpacity>
    </View>

    <ScrollView>
      <DrawerItems {...props}/>
    </ScrollView>
    </View>
  )
 }
}

我尝试过此操作，但这将引发错误。

Answer 1

尝试一下：反应source中的构造函数。

class ClassComponent extends Component {      
  render() {
    return (
      <View>
        <View>
          <TouchableOpacity
            onPress={() => { this.props.navigation.navigate('profile') }}>
            <Text>button</Text>
          </TouchableOpacity>
        </View>
       ...
       //Other stuff
       ....
      </View>
    )
  }
}

source