Как в компоненте функции правильно использовать PropTypes - PullRequest
Новая
       5

Как в компоненте функции правильно использовать PropTypes

0 голосов
/ 05 февраля 2020

В свой компонент функции React, который имеет данные из API, я добавил PropTypes, но, похоже, он не работает или, по крайней мере, я не понимаю, как его следует использовать.

То, что я сделал, это: 

const Home = () => {
  const dispatch = useDispatch();
  const { profiles } = useSelector(state => ({
    profiles: state.ProfileReducer.profiles
  }));

  useEffect(() => {
    dispatch(ProfileMiddleware.getOneProfile(USERNAME));
  }, [dispatch]);

  return (
    <>
      <Jumbotron>
        <Container>
          <Row>
            <Col md={6}>
              <Image src={profiles.imageUrl} alt="profile" roundedCircle />
            </Col>
            <Col md={6}>
              <h1>{profiles.firstname + " " + profiles.surname}</h1>
              <h4>{profiles.title}</h4>
              <h5>{profiles.area}</h5>
              <p>{profiles.email}</p>
              <p>{profiles.bio}</p>
            </Col>
          </Row>
        </Container>
      </Jumbotron>
    </>
  );
};

Home.propTypes = {
  profiles: PropTypes.string
};

export default Home;

Я импортировал PropTypes также в верхней части вышеуказанного файла и попытался добавить реквизиты, как я видел в документах, но я не уверен как это работает Для тестирования я добавил bool вместо string, но на самом деле никакой ошибки не возникает. Я не знаю, как мне использовать это здесь на самом деле.

...