Javascript 为什么可以'；我不能使用地图功能吗？ 函数应用程序（）{ const state=useMoomState（）； const[btnOn，setBtnOn]=useState（false）； const colorOnClick=（e）=>{ const stateFilter=state.map（项=>{ 变量a=项目.memos.current_memo===项目.memos.num 返回a； }); console.log（stateFilter）； 塞布特农({ btnOn:！btnOn， …状态过滤器， 颜色：e.target.name }); } 返回( item.memos.current_memo==item.memos.num）.颜色：“黄色” }> ); }

简单地说，我正在实现记事本，另一个文件中有一个名为state的数组

---

编写代码时，按下按钮时背景颜色会发生变化，因此目标是找出按下的按钮是什么，并将按钮的名称放在按钮的颜色部分。但是map函数没有被使用。还有其他方法吗？

在担心

map

调用之前，您需要对代码进行大量修改：

setBtnOn

函数（返回的函数）接受单个参数。所以你的电话应该是

setBtnOn（！btnOn）

假设

状态

是一个数组。。。

filter

函数返回另一个数组，您的数组很可能没有

color

属性。因此，在编写调用时，您最喜欢的是寻找一个调用（返回单个元素）

您可能缺少某种更新状态的代码

解决这些问题，然后我们可以尝试帮助您。

什么是“地图功能未被使用”？console.log显示了什么？

状态

包含什么？

function App() {
  const state=useMemoState();
  const [btnOn, setBtnOn]=useState(false);

  const colorOnClick=(e)=>{
   const stateFilter=state.map(item=>{
    var a=item.memos.current_memo===item.memos.num
    return a;
   });
   console.log(stateFilter); 
   setBtnOn({
    btnOn:!btnOn,
    ...stateFilter,
    color:e.target.name
   });
  }
return(
<article 
    id="bgColor" 
    className={btnOn? state.filter(item=>item.memos.current_memo===item.memos.num).color : "yellow"
  }>
      
    <div id="color" class="texteditor">
      <div class="colorpicker">
        <button name="black" class="cbtn cbtn-black" onClick={colorOnClick}> <div></div></button>
        <button name="white" class="cbtn cbtn-white" onClick={colorOnClick}><div></div></button>
        <button name="red" class="cbtn cbtn-red" onClick={colorOnClick}><div></div></button>
        <button name="blue" class="cbtn cbtn-blue" onClick={colorOnClick}><div></div></button>
        <button name="yellow" class="cbtn cbtn-yellow" onClick={colorOnClick}><div></div></button>
      </div>
);
}