Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用对象数组中的PropType对组件进行反应_Javascript_Reactjs_Components_React Proptypes - Fatal编程技术网

Javascript 使用对象数组中的PropType对组件进行反应

Javascript 使用对象数组中的PropType对组件进行反应,javascript,reactjs,components,react-proptypes,Javascript,Reactjs,Components,React Proptypes,我在使用带有对象数组的PropType创建React组件时遇到一些问题 我有一组对象: var电影=[ { id:1, 标题:“哈利波特”, 描述:“维扎德电影”, src: "https://ocdn.eu/pulscms-transforms/1/isDktkqTURBXy9kMmM4YmI4N2QzY2U0ZjI5NmIzNTU3Mjk2ZTg2ZWY2My5qcGVnkZMCAM0B5A" }, { id:2, 标题:“LK”, 描述:“关于狮子王的电影”, src:“https://

我在使用带有对象数组的PropType创建React组件时遇到一些问题

我有一组对象:

var电影=[
{
id:1,
标题:“哈利波特”,
描述:“维扎德电影”,
src:
"https://ocdn.eu/pulscms-transforms/1/isDktkqTURBXy9kMmM4YmI4N2QzY2U0ZjI5NmIzNTU3Mjk2ZTg2ZWY2My5qcGVnkZMCAM0B5A"
},
{
id:2,
标题:“LK”,
描述:“关于狮子王的电影”,
src:“https://1.fwcdn.pl/an/np/1985708/2016/5817_1.7.jpg"
},
{
id:3,
标题:“低俗小说”,
描述:“xxx”,
src:
"https://coubsecure-s.akamaihd.net/get/b44/p/coub/simple/cw_timeline_pic/2d2d519173e/5f0067e9d4849ef1dee4a/big_1518161198_image.jpg"
},
{
id:4,
标题:“致命武器3”,
描述:“关于……的电影”,
src:“https://media.teleman.pl/photos/lethal-weapon-3.jpg"
}

];您只需映射电影并使用类组件作为第一个参数创建react元素即可

var moviesElements = movies.map(function(movie) {
  return React.createElement(Movie, {movie: movie});
});

我做了一个(还修复了您共享的代码中的一些拼写错误和缺少的参数)

据我所知,在快速浏览之后,您的
Movie
类应该有一个名为
Movie
的单独道具,它属于object类型。在电影组件中,渲染的是h2、p和img。不需要为它构建额外的组件。欧烨,一个电影道具就足够了。但如果我们谈论的是额外的组件,情况就是这样。为每个元素制作组件,然后创建包含组件的完整列表是任务的一部分。所以我想做的每一个元素都必须有一个类:(对,你可能在找这个:谢谢,很棒!谢谢,非常好,我喜欢它。