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

Question

I need to change functional component to class component. I know how to do this but if I want to pass props how would I do it?

Functional component

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

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

Class component

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>
  )
 }
}

I tried this but this will throw me an error.

Answer 1

Try this: constructor in react 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