我实际上正在开发我的第一个 React 应用程序。这是一个收藏应用程序。在此应用程序上,有一个管理仪表板,其中包含应用程序的所有项目,管理员用户可以删除或修改项目(就像传统的电子商务后台一样)。对于修改项目,管理员用户单击“修改项目”按钮,然后打开一个用于修改项目信息的模式。
\n\n我的问题是当用户打开模态时,模态工作正常,但我无法传递所选项目的信息(如品牌名称、参考、价格...)。我很抱歉在同一天再次提出问题,但我尝试了很多方法但没有结果。非常欢迎提供一点帮助。
\n\n先感谢您,
\n\n这是我的代码:
\n\nimport React, { Component } from \'react\';\nimport { database } from \'../firebase/firebase\';\nimport * as firebase from \'firebase\';\nimport withAuthorization from \'./withAuthorization\';\nimport _ from \'lodash\';\nimport AuthUserContext from \'./AuthUserContext\';\nimport FileUploader from "react-firebase-file-uploader";\nimport Image from \'react-image-resizer\';\nimport{InstantSearch, SearchBox, Hits, Highlight, RefinementList} from "react-instantsearch/dom";\nimport Modal from \'react-responsive-modal\';\n\n\n\nfunction removeToCatalogue(hit) { \n const item = hit.objectID;\n firebase.database().ref(`catalogue/${item}`).remove();\n console.log("Capsule correctement supprim\xc3\xa9e du catalogue")\n}\n\n\n\n\nconst Hit = ({hit, onEdit}) =>\n <div className="item">\n <img src={hit.avatarURL} width={150} height={150}></img>\n <h1 className="marque">{hit.marque}</h1>\n <h3 className="numero">{hit.numero}</h3>\n <h4 …Run Code Online (Sandbox Code Playgroud)