我总是这样做，效果很好：

class Foo extends React.Component {};

Foo.propTypes = {
  animateBackground: PropTypes.bool
};

Foo.defaultProps = {
  animateBackground: false
};

export default Foo;

我在ReactNative中这样做

import React, {
    Component
} from 'react';
import {
    View,
    Text
} from 'react-native';
import PropTypes from 'prop-types';

export default class foo extends Component {
    static propTypes = {
        name: PropTypes.array,
        prop2: PropTypes.string
    }
    static defaultProps = {
        array: [1, 2, 4],
        name: 'abc'
    }
    constructor(props) {
        super(props);
        this.state = {};
    }
    render() {
        return (
            <View>
                <Text>Default Prop array is: {this.props.array}</Text>
                <Text>Default Prop name is: {this.props.name}</Text>
            </View>
        );
    }
}

然后你可以使用这些 prop ，比如this.props.prop1和this.props.prop2。

我是这样用的，试试这个！

import React,{Component} from 'react'
import {View, Text} from 'react-native';
export default class Example extends Component {
  render() {
    return (
      <View>
        <Text>{this.props.name}</Text>
      </View>
    )
  }
}

Example.defaultProps = {
  name: 'John'
}

你想要这个：

Foo.propTypes = {
    someData: React.PropTypes.string
};

这表示someData应该是字符串，但不是必需的。
然后在render()中，您可以执行以下操作：

render() {
    return (
      <View> 
        {this.props.someData || Foo.defaultProps.someData} 
      </View>
    );
  }

这将使用this.props.someData（如果提供）或Foo.defaultProps.someData（如果没有提供）。
我还认为您需要将{this.props.someData || Foo.defaultProps.someData} Package 在Text元素中（即<Text>{this.props.someData || Foo.defaultProps.someData}</Text>）。