当单击是从父组件传递过来的时候，为什么子组件没有定义'this‘？

当单击事件是从父组件传递给子组件时，子组件没有定义'this'的原因是因为在JavaScript中，函数的作用域是由函数被调用的方式决定的。当单击事件被触发时，它会执行子组件中的一个函数，但是这个函数在执行时，它的作用域是由触发事件的元素决定的，而不是子组件本身。

在React中，当我们将一个事件处理函数传递给子组件时，需要使用箭头函数或者bind方法来确保函数在执行时绑定正确的作用域。如果没有正确绑定作用域，函数内部的'this'将指向undefined或者全局对象。

解决这个问题的方法是在父组件中使用箭头函数或者bind方法来绑定事件处理函数的作用域，确保在子组件中执行时，函数内部的'this'指向子组件本身。例如：

class ParentComponent extends React.Component {
  handleClick() {
    // 处理点击事件的逻辑
  }

  render() {
    return <ChildComponent onClick={this.handleClick.bind(this)} />;
  }
}

class ChildComponent extends React.Component {
  render() {
    return <button onClick={this.props.onClick}>点击我</button>;
  }
}

在上面的例子中，我们使用bind方法将父组件中的handleClick函数绑定到父组件的作用域，并将绑定后的函数传递给子组件的onClick属性。这样，在子组件中执行点击事件时，handleClick函数内部的'this'将指向子组件本身。

需要注意的是，箭头函数会自动绑定当前作用域的'this'，所以也可以使用箭头函数来解决这个问题。例如：

class ParentComponent extends React.Component {
  handleClick = () => {
    // 处理点击事件的逻辑
  }

  render() {
    return <ChildComponent onClick={this.handleClick} />;
  }
}

class ChildComponent extends React.Component {
  render() {
    return <button onClick={this.props.onClick}>点击我</button>;
  }
}

在上面的例子中，我们使用箭头函数定义了handleClick函数，这样在父组件中传递给子组件时，函数内部的'this'将自动绑定到父组件的作用域。