失败的道具类型:提供给“图像”的“字符串”类型的无效道具“响应”,预期为“布尔值”

Max*_*lva 4 html reactive-programming reactjs

有问题的行:

<Poster 
  info="info" 
  id={movie.id} 
  path={movie.poster_path} 
  title={movie.title} 
  popularity={movie.popularity} 
  genres={genres} 
  responsive="responsive"
/>
Run Code Online (Sandbox Code Playgroud)

应该很简单,我只是不知道如何将响应=“响应”更改为正确的布尔值它期望什么?

谢谢

Shu*_*tri 7

组件海报期望responsiveprop 是一个布尔值而不是一个字符串。布尔真值可以简单地传递如下

<Poster 
    info="info"
    id={movie.id}
    path={movie.poster_path}
    title={movie.title} popularity={movie.popularity}
    genres={genres}
    responsive
/>
Run Code Online (Sandbox Code Playgroud)

或者

    <Poster 
    info="info"
    id={movie.id}
    path={movie.poster_path}
    title={movie.title} popularity={movie.popularity}
    genres={genres}
    responsive={true}
/>
Run Code Online (Sandbox Code Playgroud)

并且可以给出一个假值,例如

<Poster 
    info="info"
    id={movie.id}
    path={movie.poster_path}
    title={movie.title} popularity={movie.popularity}
    genres={genres}
    responsive={false}
/>
Run Code Online (Sandbox Code Playgroud)