javascript - 在自定义 View 中调用 super() 时，确保传递与传递组件的构造函数相同的 Prop

Question

这是我生成的代码

Warning: LoaderView(...): When calling super() in LoaderView, make sure to pass up the same props that your component's constructor was passed.

import * as React from "react";
import {ActivityIndicator, Text, View} from 'react-native'

    export class LoaderView extends React.Component {

        constructor(props) {
            super(props)
        }

        props = {
            title: "",
            loading: false
        }


        render() {
            if (this.props.loading) {
                return <View {...this.props} style={{flex: 1, justifyContent: 'center'}}>
                    <ActivityIndicator
                        size={"large"}
                        animating={true}/>

                    <Text
                        style={{textAlign: 'center', fontSize: 20, fontWeight: '500'}}>
                        {this.props.title}
                    </Text>
                </View>
            } else {
                return <View {...this.props} style={{flex: 1, justifyContent: 'center'}}>
                    <Text
                        style={{textAlign: 'center', fontSize: 20, fontWeight: '500'}}>
                        {this.props.title}
                    </Text>
                </View>
            }
        }

    }

如何解决上面代码中的这个警告？

Answer 1

使用 defaultProps 而不是 props

static defaultProps = {
    title: "",
    loading: false
}