我有一個功能
const onClick = (param) => console.log(param)
并且需要像這樣使用它:
<Button onClick={onClick(value)} />
但是它在渲染時觸發,我如何將函式更改為高階函式以這樣使用它?
uj5u.com熱心網友回復:
不確定價值從何而來,但像這樣?
<Button onClick={() => onClick(value)} />
uj5u.com熱心網友回復:
你可以試試這個
import React from 'react';
import './style.css';
export default function App() {
const Ho = (data) => {
return () => {
console.log('Something');
};
};
return (
<div>
<h1>Hello StackBlitz!</h1>
<p>Start editing to see some magic happen :)</p>
<button onClick={Ho('data')}> Click</button>
</div>
);
}
鏈接 - https://stackblitz.com/edit/react-mxcbvq?file=src/App.js
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/310042.html
標籤:javascript 反应
