如何在React功能组件中的onClick上传递参数

Question

点击 ReactJS功能组件中的按钮时，我必须传递一些值，下面是代码片段。

<span className="edit" onClick={ onClickEdit(value.title, value.details)}> 
   <img src={editImg} height="15" width="15" />
</span>

这显示一个错误。据我所知，我们不能在功能组件中使用'this'关键字。请帮忙。

Answer 1

尝试一下

import React from 'react';
import SearchBar from './SearchBar';

const App = () => {
return (
<div className="ui container" style={{ marginTop: '10px' }}>
    {/* <SearchBar /> */}
    <button onClick={()=>testFunc('gi','jgj')}>click me</button>
</div>

)}

const testFunc = (a, b) => {
console.log(a, b);
}


export default App;