Javascript 这个值总是返回未定义的Reaction

发布于03月08日

我正在使用onClick事件向本地存储添加一个值.它应该从按钮中获取innerHTML，并将该值作为"Cometery"值放入本地存储中.

我try 了多种不同的方法来获得价值，但我一直没有明确的定义.如果你能帮我一把，并给我一些指点，那就太好了！

const CemeteryPage = () => {
 
  
function setCemetery(ListItem) {
  
    localStorage.setItem("Cemetery", ListItem.value)

 

}
  return (
    <>
    <div className='Header'>
        <h1>What <span>cemetery</span> is this stone going to?</h1>
       <div className='Line'></div>
    </div>
     <div class="CemeteryList">
        <div className="ListItem" onClick={function(){setCemetery(this)}}>
        St Anthony's Cemetery
        </div>
        <div className="ListItem" onClick={function(){setCemetery(this)}}>
       Hillside Cemetery
        </div>
      </div>
        
    </>
  )
}

我try 使用.getAttribute、.Attributes[]，我try 添加一个值属性并从中提取它，但仍未定义.

推荐答案

您试图(将其)作为setCemtery函数的参数，但这并不起作用，因为这是整个DOM.下面的方法应该是可行的.

const CemeteryPage = () => {
  const handleSetCemetry = (cemetery) => {
    localStorage.setItem("cemetery", cemetery);
  };

  return (
    <>
      <div className="Header">
        <h1>
          What <span>cemetery</span> is this stone going to?
        </h1>
        <div className="Line"></div>
      </div>
      <div className="CemeteryList">
        <div
          className="ListItem"
          onClick={(e) => handleSetCemetry(e.target.innerText)}
        >
          St Anthony's Cemetery
        </div>
        <div
          className="ListItem"
          onClick={(e) => handleSetCemetry(e.target.innerText)}
        >
          Hillside Cemetery
        </div>
      </div>
    </>
  );
};

Javascript相关问答推荐

ReactJS中的material UI自动完成类别

拖放仅通过 Select 上传

Javascript 这个值总是返回未定义的Reaction

推荐答案

Javascript相关问答推荐

ReactJS中的material UI自动完成类别

拖放仅通过 Select 上传

Exceljs：我们在file.xlsx(...)&#中发现了一个问题'"" 39人；

成功完成Reducers后不更新状态

当点击注册页面上的注册按钮时，邮箱重复

为什么Mutations 观察器用微任务队列而不是macrotask队列处理？

我可以使用使用node.js创建的本地主机来存储我网站上提交的所有数据吗？没有SQL或任何数据库.只有HTML语言

本地库中的chartjs-4.4.2和chartjs-plugin-注解

用于在路径之间移动图像的查询

如何在箭头函数中引入or子句？

在VS代码上一次设置多个变量格式

获取'；无法解决导入和导入"；slick-carousel/slick/slick-theme.css"；'；错误

expo 联系人：如果联系人的状态被拒绝，则请求访问联系人的权限

背景动画让网站摇摇欲坠

react -原生向量-图标笔划宽度

将Auth0用户对象存储在nextjs类型脚本的Reaction上下文中

构建器模式与参数对象输入

P5JS-绘制不重叠的圆

在没有任何悬停或其他触发的情况下连续交换图像

MUI-TABLE：MUI表组件中交替行的不同 colored颜色不起作用