Неудачный тип реквизита: неверный реквизит `отзывчивый` типа` строка`, предоставленный `Image`, ожидаемый` логический` - PullRequest
Новая
       7

Неудачный тип реквизита: неверный реквизит `отзывчивый` типа` строка`, предоставленный `Image`, ожидаемый` логический`

0 голосов
/ 14 октября 2018

Строка в вопросе: 

<Poster info="info" id={movie.id} path={movie.poster_path} title={movie.title} popularity={movie.popularity} genres={genres} responsive="responsive"/>

Должно быть очень просто, я просто не могу понять, как изменить отзывчивый = "отзывчивый" на правильный логический, что он ожидает?

Спасибо

Ответы [ 2 ]

0 голосов
/ 14 октября 2018

Причина, по которой вы получаете ошибку ниже, потому что свойство реагирования ожидает boolean, но вы фактически передаете ему string value.Возможно, вы определили опору типа для responsive в компоненте плаката, как показано ниже, поэтому он ожидает только логическое значение 

Poster.propTypes = {
  responsive: PropTypes.bool
}

Неудачный тип опоры: недопустимая опора responsive типа string, предоставленная дляImage, ожидаемый boolean

Таким образом, чтобы исправить предупреждение, вам нужно передать логическое значение (true или false) в отзывчивый реквизит 

<Poster info="info" id={movie.id} path={movie.poster_path} title={movie.title} popularity={movie.popularity} genres={genres} responsive={false}/>

ИЛИ 

 <Poster info="info" id={movie.id} path={movie.poster_path} title={movie.title} popularity={movie.popularity} genres={genres} responsive={true}/>

Если вы хотите передать только строковое значение в отзывчивый реквизит, то вам нужно установить для него строку типа реквизита в компоненте Poster, как показано ниже 

Poster.propTypes = {
  responsive: PropTypes.string
}
0 голосов
/ 14 октября 2018

Компонент Poster ожидает, что responsive prop будет логическим значением, а не строкой.Булево истинное значение может просто передаваться как 

<Poster 
    info="info"
    id={movie.id}
    path={movie.poster_path}
    title={movie.title} popularity={movie.popularity}
    genres={genres}
    responsive
/>

или 

    <Poster 
    info="info"
    id={movie.id}
    path={movie.poster_path}
    title={movie.title} popularity={movie.popularity}
    genres={genres}
    responsive={true}
/>

, а ложное значение может быть дано как 

<Poster 
    info="info"
    id={movie.id}
    path={movie.poster_path}
    title={movie.title} popularity={movie.popularity}
    genres={genres}
    responsive={false}
/>
...