Question

如何在点击的按钮上添加课程？我需要将它变成一个类，还是可以在常量上添加一个状态？我试图制作handleclick函数，但我似乎无法在常量上触发initialstate。

const CaseListItem = ({ currentCase, onCaseSelect }) => {
console.log(currentCase);
  return (
   <div>
     <button onClick={() => onCaseSelect(currentCase)} className={currentCase.color} />
     <div className="media-heading"> {currentCase.title} </div>
   </div>
);
};

Answer 1

我认为在这种情况下你应该使用带有状态的组件并在点击时更新状态颜色名称属性 - 这将重新渲染你的组件，你将能够使用state propery作为类名。您还可以保持此组件无状态，但在这种情况下，父组件应具有在单击子组件（CaseListItem）时将更新的状态，然后您可以将状态颜色属性作为prop传递给CaseListItem组件< / p>

如何在点击按钮上添加课程？

1 个答案: