Question

相关行：

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

真的很简单，我无法解决如何将回应=“回应”更改为正确的布尔值，这是什么期望？

谢谢

Answer 1

出现以下错误的原因是：响应属性期望(p zip s forall (t => t._1==t._2))，但实际上是向其中传递了boolean。您可能已经在海报组件中为string value定义了prop-type，如下所示，因此它只期望布尔值

responsive

道具类型失败：提供了类型为Poster.propTypes = { responsive: PropTypes.bool }的道具responsive 到string，预期Image

因此，要纠正警告，您需要将布尔值（正确或错误）传递给响应性道具

boolean

OR

<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}/>

Answer 2

Poster组件期望responsive prop是布尔值而不是字符串。布尔值true可以像这样简单地传递

<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}
/>

道具类型失败：提供给“图片”的类型为“字符串”的道具“响应”无效，应为“布尔值”

2 个答案: