html - 失败的 Prop 类型 : Invalid prop `responsive` of type `string` supplied to `Image` , 预期为 `boolean`

Question

有问题的行:

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

应该很简单，我只是不知道如何将响应=“响应”更改为正确的 bool 值它期望什么？
谢谢

Answer 1

组件海报期待 responsive prop 是一个 bool 值而不是一个字符串。 bool 真值可以简单地传递如下

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