React onFocus 和 onFocusCapture 区别

React是一个流行的JavaScript库，用于构建用户界面。它提供了一种声明式的编程模型，可以帮助开发者构建可重用、可组合的UI组件。在React中，有两个事件处理函数，即onFocus和onFocusCapture，用于处理元素获取焦点的事件。虽然它们都可以用于处理焦点事件，但它们在触发时的顺序和作用范围上有一些区别。

javascript
import React from 'react';
class LoginForm extends React.Component {
  handleFocus = (event) => {
    console.log('Input field is focused');
  }
  handleFocusCapture = (event) => {
    console.log('Input field is about to be focused');
  }
  render() {
    return (
      
                  type="text"
          onFocus={this.handleFocus}
          onFocusCapture={this.handleFocusCapture}
        />
                  type="password"
          onFocus={this.handleFocus}
          onFocusCapture={this.handleFocusCapture}
        />
      
    );
  }
}
export default LoginForm;