从reactjs中的onClick事件获取对象数据和目标元素

handleClick = (data) => {
    console.log(data);
}

<input type="checkbox" value={data.id} defaultChecked={false} onClick={this.handleClick.bind(null, data)}/>

handleClick = (e, data) => {
    // access to e.target here
    console.log(data);
}

<input type="checkbox" value={data.id} defaultChecked={false} onClick={((e) => this.handleClick(e, data))}/>

Reactjs相关问答推荐

Next.js-图像组件加载问题

CreateBrowserRouter将props 传递给父组件以验证权限

404使用GitHub操作部署Next.js应用程序时出错

Reactjs中的chartjs和reaction-chartjs-2的问题

在数组对象内的数组上进行映射

在Reaction中管理多个状态

是否为Reaction中未使用的组件生成Tailwincss样式？

如何在中间件中获取 nextAuth 会话

我如何使用 React toastify (Promise) toast 和邮箱 js

对于 ref 上的可见 prop 或 open 方法来react 组件，哪种方式更好？

如何在我的自定义主题中样式化MUI TreeItem组件

在添加了useplacesautocomplete后，在构建React/Next.js项目时，NPM抛出类型期望的错误

React Js和Firestore中如何将当前ID与集合中的ID查询以仅显示具有相似字段和值的文档-第二部分

无法在react 中向表中添加行

当我在 React Router Dom 中使用两个参数并直接在页面上导航时，数据获取没有发生

如何使用 React 在客户端获取 nestjs websocket 异常错误？

响应式媒体 React Tailwind

使用 useRef(uuid()) 的目的是什么？

如何在 react-router-dom v6 中实现监听功能？

当页面重新加载react 路由导航到第一页 v6