カスタムビューにスーパー（）を呼び出すとき、コンポーネントのコンストラクタは

Question

を渡されたのと同じ小道具を渡すようにしてください。ここ

警告生成私のコードです：LoaderView（...）：スーパーを呼び出します（）LoaderViewで、あなたのコンポーネントのコンストラクタが 渡されたのと同じ小道具を渡すこと を確認してください。上記のコードでは、この警告を解決する方法

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代わりの小道具

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