Как проверить propTypes в дочернем компоненте? - PullRequest
Новая
       19

Как проверить propTypes в дочернем компоненте?

0 голосов
/ 20 февраля 2019

Итак, у меня есть два компонента, и попытка проверки типов пропов дает ошибку:

TypeError: TypeError: Невозможно прочитать свойство 'style' из неопределенного

Это мой компонент HomeScreen: 

import React, { Component } from 'react';
import {
  Image,
  Platform,
  ScrollView,
  StyleSheet,
  Text,
  TouchableOpacity,
  View
} from 'react-native';

import { RobotoText } from '../components/StyledText';

export default class HomeScreen extends Component {
  render() {
    const { container } = styles;
    return (
      <View style={container}>
        <RobotoText style={{ color: 'green' }}> Test </RobotoText>
      </View>
    );
  }
}

И файл StyledText, в котором происходит ошибка: 

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

const MonoText = props => {
  const { style } = props;

  return <Text {...props} style={[style, { fontFamily: 'space-mono' }]} />;
};

const RobotoText = props => {
  const { style } = props;

  return <Text {...props} style={[style, { fontFamily: 'Roboto' }]} />;
};

MonoText.defaultProps = {
  style: { color: 'black' }
};

MonoText.propTypes = {
  style: Text.PropTypes.style
};

RobotoText.defaultProps = {
  style: { color: 'black' }
};

RobotoText.propTypes = {
  style: Text.PropTypes.style
};

export { MonoText, RobotoText };

Как правильно определить этот propTypes?

1 Ответ

0 голосов
/ 20 февраля 2019

Вам необходимо определить propTypes, используя импортированную вами библиотеку PropTypes, а не объект Text.

Кроме того, стиль не является допустимым проптипом, то, что вы передаете, на самом деле является объектом 

MonoText.propTypes = {
  style: PropTypes.object
};

RobotoText.propTypes = {
  style: PropTypes.object
};

Вот ссылка на документы, если вы хотите узнать больше https://reactjs.org/docs/typechecking-with-proptypes.html

...