如何使用onclick Reactjs功能组件调用或使用.js文件答案

【问题标题】：How to call or use a .js file using onclick Reactjs functional component如何使用onclick Reactjs功能组件调用或使用.js文件
【发布时间】：2023-01-18 21:14:24
【问题描述】：

我有一个名为 Edit 的 .js 文件，用于编辑目的。我有另一个名为 Add 的 .js 文件。我在 edit.js 中有一个对话框，当我单击一个按钮时它会打开。但是我不想使用按钮，而是想在单击框上的任意位置时得到一个对话框。我尝试在 div 标签中使用 onclick，但没有得到任何响应。 this is the output 因此，如果您观察到我们在那里有一个编辑按钮，如果单击它，我将获得用于编辑内容的表单/对话框。但我希望在单击黄色框上的任意位置时打开该表单或对话框。

<div id='color' className='div2' key={item.id} style={{width: 340,
# border: '5px solid white',textIndent:-30,paddingRight:32,paddingLeft:40,whiteSpace:'pre',paddingTop:15, backgroundColor:item.currentColor}} onClick={()=>{editpage(item.id)}} >

这是我用来调用函数以在另一个 .js 文件中获取表单的方法。它是映射函数的一部分。`有一个 onclick 事件，每当我单击 div 标签下的框或内容时，我都需要转到该函数，然后去编辑然后形成，但它没有'工作

它的功能是这样的：

const editpage=(id)=>{ <Edit id={id}></Edit> }

我想发送一个 id 作为传递给 Edit.js 的参数。我使用了<Edit/>，因为它是我在 Add.js 文件中导入的另一个 js 文件。

我无法获得输出，你能用这个取悦我吗？当我点击颜色框时我如何使用它应该打开一个确实在另一个文件中的表格。

【问题讨论】：

欢迎来到堆栈溢出！而不是描述您对代码的期望应该正在做，请提供minimal reproducible example示范问题。要了解有关此社区的更多信息以及我们如何为您提供帮助，请从tour 开始并阅读How to Ask 及其链接资源。

标签： reactjs react-functional-component

【解决方案1】：

您可以将onClick 与<div> 一起使用，这可能是您使用错误的方式

<div onClick={() => {
// your code here
}
}>... </div>

【讨论】：