{props.stories.map((story) =>
<div key={story.id}>
{story = story.story}
<SliderItem story={story} />
</div>
)}
上面的代碼引發錯誤說「Uncaught (in promise) Error: Objects are not valid as a React child (found: object with keys
」,因爲在story
行號3是一個對象。一個值分配給在JSX一個變量ReactJS
我可以直接移動該條件爲:<SliderItem story={story.story} />
,但我想知道有什麼辦法可以將我的計算值分配給一個變量並在JSX中使用它嗎?
我想申請一些邏輯,如:
{ let storyObj = story.type === 'story' && story.story ? story.story : story }
最乾淨的建議在這裏。 –