React无法使用( props )=>访问类外的PROPS值

React是一个流行的JavaScript库，用于构建用户界面。在React中，组件之间通过props进行数据传递。props是组件的属性，可以在组件内部通过this.props来访问。

然而，箭头函数(props) =>无法访问类外的props值。箭头函数是ES6中的一种函数定义方式，它没有自己的this值，它会继承外部作用域的this值。因此，箭头函数无法直接访问类外的props值。

如果需要在箭头函数中访问类外的props值，可以通过其他方式进行传递。一种常见的方式是将props值作为参数传递给箭头函数。例如：

class MyComponent extends React.Component {
  handleClick = (props) => {
    // 在箭头函数中访问props值
    console.log(props);
  }

  render() {
    return (
      <button onClick={() => this.handleClick(this.props)}>Click me</button>
    );
  }
}

在上述代码中，我们将props值作为参数传递给箭头函数handleClick。当按钮被点击时，箭头函数会被调用，并且可以访问到类外的props值。

总结一下，React中的箭头函数无法直接访问类外的props值，但可以通过将props作为参数传递给箭头函数来间接访问。这样可以确保在React组件中正确地处理props值。