小编Chh*_*RUH的帖子

ReactJS 中使用箭头函数或 onClick 函数有什么区别?

我在 ReactJS 中构建了一个简单的计数器应用程序。代码如下。

import React, { useState } from "react";
import "./styles.css";

export default function App() {
    const [countNum, setCountNum] = useState(0);

    function increaseCount() {
        setCountNum(countNum + 1);
    }

    function decreaseCount() {
        if (countNum > 0) {
            setCountNum(countNum - 1);
        }
    }

    function disableChecker() {
        if (countNum === 0) {
            return true;
        } else {
            return false;
        }
    }

    return (
        <div className="App">
            <button onClick={() => decreaseCount()} disabled={disableChecker()}>Decrease</button>
            <button onClick={() => increaseCount()}>Increase</button>
            <h2>{countNum}</h2>
        </div>
    );
}
Run Code Online (Sandbox Code Playgroud)

我只是想知道为什么onClick={() => increaseCount()} …

javascript jsx reactjs arrow-functions

4
推荐指数
1
解决办法
4205
查看次数

标签 统计

arrow-functions ×1

javascript ×1

jsx ×1

reactjs ×1