ReactJS bind() 方法

bind() 是 React 中的一个内置方法，用于将数据作为参数传递给基于类的组件的函数。

句法：

this.function.bind(this,[arg1...]);

参数：它接受两个参数，第一个参数是用于绑定的this关键字，第二个参数是作为参数传递的参数序列，是可选的。

创建反应应用程序：

• 第 1 步：使用以下命令创建一个 React 应用程序：

  npx create-react-app foldername

• 第 2 步：创建项目文件夹（即文件夹名称）后，使用以下命令移动到该文件夹：

  cd foldername

示例 1：

• 应用程序.js：

  Javascript

  import React from 'react';
  class App extends React.Component {
    // Initialising state
    state = {
      name: 'GFG',
    };
    
    handler = (name) => {
      // Changing the state
      this.setState({ name: name });
    };
    
    render() {
      return (
        
  
          
  Name:{this.state.name}
          
  Click here to change the name
    
          {/* Passing the name as an argument 
           to the handler() function */}
    
          
            Click Here
          
        
      );
    }
  }
    
  export default App;

  
  
  

运行应用程序的步骤：从项目的根目录使用以下命令运行应用程序：

npm start

输出：

示例 2：我们也可以使用现代 ES6 提供的箭头函数。

1. 应用程序.js：

   Javascript

   import React from 'react';
   class App extends React.Component {
     // Initialising state
     state = {
       name: 'GFG',
     };
     
     handler = (name) => {
       // Changing the state
       this.setState({ name: name });
     };
     
     render() {
       return (
         
   
           
   Name:{this.state.name}
           
   Click here to change the name
     
           {/* Passing the name as an argument 
            to the handler() function 
            with modern ES6 feature*/}
     
            this.handler('GeeksForGeeks')}>
             Click Here
           
         
       );
     }
   }
     
   export default App;
   

运行应用程序的步骤：从项目的根目录使用以下命令运行应用程序：

npm start

输出：