小编Mas*_*92m的帖子

我的应用程序组件如下所示：

class App extends Component {
  clickHandler = () => {
    console.log('click');
  }
  render() {
    return (
      <div className="App">
        <div onClick={this.clickHandler}>Test1</div>
        <Person onClick={this.clickHandler}>Test2</Person>
      </div>

    );
  }
}

这是我的 Person 组件：

class Person extends Component {
    render() {
        return (
            <div>{this.props.children}</div>
        )
    }
}

当我单击Test1onClick 时有效并在控制台上显示单击，但当我单击Test2onClick 时不起作用。如何在父组件中处理 onClick？我不想将 onClick 传递给子组件。

我想在JSX中重复一个图像元素,我需要的代码如下所示:

<View>
  <Image source={require('../images/image.png')} />
  <Image source={require('../images/image.png')} />
  <Image source={require('../images/image.png')} />
  <Image source={require('../images/image.png')} />
  <Image source={require('../images/image.png')} />
</View>

我如何使用循环生成此代码？