Javascript 警告：React.js web app中的未知事件处理程序属性“onClick”

这是错误中涉及的代码部分

const Balance = () => {
     async function onGetBalance() {
         const balance = await client.api.network.getBalance({ address: 'AcyLq3tokVpkMBMLALVMWRdVJ83TTgBUwU' });
         alert('onGetBalance: ' + JSON.stringify(balance));
              };
    
    return(
    <Button onClick={onGetBalance}></Button>
    )
    };
    export default Balance;

原始文件可以工作，我想这取决于

道具
。
我试过：

const Balance = (props) => {...

但它不起作用。不幸的是，关于如何使用API的唯一示例是在Typescript中，我遇到了一些困难，通过谷歌搜索还没有找到其他解决方案。
看看代码中的按钮元素。onClick拼写错误，按钮不应以大写字母开头
此代码看起来正确（与TypeScript文件相同）但是请尝试
调试
或
控制台
平衡
的值，检查您是否得到了任何值，如果您的
API代码
有问题，请检查该代码。
您有拼写错误-
onCklic
应该是
onClick
对不起，我只是在问题中拼写错误。在原始文件中是正确的。您好，哪个部分不起作用？您在组件和标题中的错误消息中都拼错了？是的，将“onCklic”从代码块复制并粘贴到标题。对不起，我只在问题中拼错了。在原始文件中，它是正确的。
const Balance = (props) => {...