在哪里添加删除按钮? 在子组件或概述文件中?

Question

我正在尝试在每张卡片中添加一个删除按钮以修改状态。 我应该在卡片文件还是概述文件(下面的代码(中添加按钮？我的猜测是将其添加到卡片文件中，但是我无法再访问概述文件中的状态了？

---

import React, { PureComponent } from 'react'
import {movies} from "./movies.js"
import Card from "./Card.js"
import "./Home.css"
class Home extends PureComponent {
constructor(props) {
super(props)
this.state = {
movieslist: movies   
}
}
render() {
return (
<div className="homecontainer">
{
this.state.movieslist.map(movie =>{
return <Card title={movie.title} category={movie.category} likes={movie.likes} dislikes={movie.dislikes} />
})
}
</div>
)
}
}
export default Home

Answer 1

你好查林，

似乎开始深入研究Redux的时候已经过去。但是，就目前而言，由于您使用的是类组件，这意味着我不能为您提供使用 Hooks，请继续在 Card 组件中添加该按钮，但在不久的将来，Redux 将使处理来自应用程序、孩子、父母、 叔叔、阿姨等

请在这里找到一些关于 Redux 的注释，并在另一个链接中找到一些关于钩子的注释。祝您编码愉快！