我想,一旦我在列表中添加另一个项目的颜色为前一个项目不应该改变
const NoteItem = ({ note }) => {
const { colors, randomColorFunction } = useContext(AppContext);
const color = randomColorFunction(colors);
return (
<div
className={`flex flex-col min-h-28 py-6 justify-between px-3 rounded-md whitespace-pre-wrap break-words`}
style={{ backgroundColor: `${color}` }}
>
<span className="font-bold text-3xl">{note.title}</span>
<span>{note.content}</span>
<small className="text=xl">{note.date}</small>
</div>
);
};
1条答案
按热度按时间fwzugrvs1#
你可以用两种方法解决这个问题
1. useRef
2. useState
如果你不想改变颜色,我认为
useRef
更合适。请参见此处a live preview