YanoRyuichi.com/
Wiki
Blog
GitHub
Sandbox
開始行:
* カリー化を使ったイベントハンドラー関数 [#ba1b7f45]
export default function App() {
const items = [{ id: 1, val: 'A' }, { id: 2, val: 'B' ...
const handleClick = (item) => (e) => {
console.log(item.val);
}
return (
<div>
{items.map((item) => {
return (<div><button onClick={handleClick(item)}...
})}
</div>
);
}
*** カリー化された関数 [#i2ae3b6f]
const handleClick = (item) => (e) => {
console.log(item.val);
}
🡇🡇🡇
function handleClick(item) {
return function (e) => {
console.log(item.val);
}
}
** 参考 [#zbd4e6eb]
https://codesandbox.io/s/react-event-handlers-of-currying...
終了行:
* カリー化を使ったイベントハンドラー関数 [#ba1b7f45]
export default function App() {
const items = [{ id: 1, val: 'A' }, { id: 2, val: 'B' ...
const handleClick = (item) => (e) => {
console.log(item.val);
}
return (
<div>
{items.map((item) => {
return (<div><button onClick={handleClick(item)}...
})}
</div>
);
}
*** カリー化された関数 [#i2ae3b6f]
const handleClick = (item) => (e) => {
console.log(item.val);
}
🡇🡇🡇
function handleClick(item) {
return function (e) => {
console.log(item.val);
}
}
** 参考 [#zbd4e6eb]
https://codesandbox.io/s/react-event-handlers-of-currying...
ページ名:
