对React的新手，我再次需要帮助-一切都很好，直到我将代码从App.js移到了单独的组件上-并且b / c这是无状态组件，我正在使用props和map函数从App访问值和状态.js，但不满意-请提供帮助
import React from 'react';
const Recipes = props => (
<div>
{props.recipes.map(recipe => (
<div key={recipe.recipe_id}>
<img src={recipe.image_url} alt={recipe.title} />
<p>{recipe.title}</p>
</div>
))}
</div>
);
export default Recipes;
这仅仅意味着您没有recipes正确地作为渲染道具传递<Recipes />。无论recipes是空或格式不正确。
例如：
// App.js
import React from 'react';
const App = () => {
const recipes = [{
recipe_id: '<id>',
image_url: '<some url>',
title: 'Lé title'
}];
// recipes could be null/undefined or not even passed as a prop
return (
<Recipes recipes={recipes} />
);
}
export default App;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句