小编Mil*_*los的帖子

在 ReactJs 中将 props 传递给 modal

我实际上正在开发我的第一个 React 应用程序。这是一个收藏应用程序。在此应用程序上,有一个管理仪表板,其中包含应用程序的所有项目,管理员用户可以删除或修改项目(就像传统的电子商务后台一样)。对于修改项目,管理员用户单击“修改项目”按钮,然后打开一个用于修改项目信息的模式。

\n\n

我的问题是当用户打开模态时,模态工作正常,但我无法传递所选项目的信息(如品牌名称、参考、价格...)。我很抱歉在同一天再次提出问题,但我尝试了很多方法但没有结果。非常欢迎提供一点帮助。

\n\n

先感谢您,

\n\n

这是我的代码:

\n\n
import 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)

javascript reactjs react-modal react-props

0
推荐指数
1
解决办法
2万
查看次数

标签 统计

javascript ×1

react-modal ×1

react-props ×1

reactjs ×1