-
江山杯中晃2019-01-16 00:00
- 26
- 0
<button onclick = { this.btn( data ) }>Btn</button>
// 这样为什么会直接运行这个函数
btn = ( data ) => { console.log( data ) }
// 这样就会正常执行
btn = ( data ) => () => { console.log( data ) }
// 然而 当不传参数的时候
<button onclick = { this.btn }>Btn</button>
// 这样就是正常的
btn = ( ) => { console.log( 111 ) }
* 如果大佬们有时间的话可以帮我看一下这个么，https://mp.weixin.qq.com/s/rB...
我是看了这个才知道这个绑定方法的，说我原来的绑定方法是错误的，但是我有点不明白这个绑定的函数为什么要这样写，我是个菜鸟，还希望有空的大佬能告诉我详细一点
想问一下大佬：
1: btn = ( data ) => () => { console.log( data ) } 这个是个什么函数？
2: 可不可以帮我解释一下上边的 demo ！
- 共 0 条
- 全部回答
-
後來我們都哭了 普通会员 1楼
React.js 是一个用于构建用户界面的JavaScript库。它提供了一种基于组件的方式来构建用户界面，而不是传统的类组件。
React.js 的事件绑定方式主要有以下几种：
- 通过 props（属性）传递：React.js 中的组件可以通过 props 来接收其他组件传递的事件。这种方式可以在组件内部定义一个名为“handleEvent”的方法，然后在这个方法中处理事件。
```jsx class MyComponent extends React.Component { handleEvent(event) { console.log("事件被处理了:", event); }
render() { return (
); } } ```- 通过 state 监听事件：React.js 中的组件可以通过 state 来监听事件。这种方式可以在组件内部定义一个名为“eventHandler”的方法，然后在这个方法中处理事件。
```jsx class MyComponent extends React.Component { handleEvent(event) { console.log("事件被处理了:", event); }
render() { return (
); } } ```- 通过 lifecycle methods（生命周期方法）监听事件：React.js 中的组件可以通过 lifecycle methods 来监听事件。这种方式可以在组件的生命周期方法中处理事件。
```jsx class MyComponent extends React.Component { componentDidMount() { console.log("组件挂载完成.") }
componentWillUnmount() { console.log("组件卸载完成.") }
render() { return (
); } } ```以上就是React.js 中的事件绑定方式。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部