react点击添加的时候拿到当前页面数据

如果您是在使用React框架开发前端页面，并且希望在点击添加按钮时获取当前页面的数据，您可以通过以下步骤实现：

1. 在React组件中定义一个状态(state)，用来保存当前页面的数据。

2. 在页面中的输入框等组件上绑定onChange事件，当输入框的值发生变化时，更新状态中对应的值。

3. 在添加按钮的onClick事件中，通过this.state来获取当前页面的数据。

下面是一个简单的代码示例：

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      name: '',
      age: '',
      address: ''
    };
  }

  handleNameChange = (event) => {
    this.setState({name: event.target.value});
  }

  handleAgeChange = (event) => {
    this.setState({age: event.target.value});
  }

  handleAddressChange = (event) => {
    this.setState({address: event.target.value});
  }

  handleAddClick = () => {
    const data = this.state;
    // 在这里可以对数据进行操作，比如发送给后端保存
  }

  render() {
    return (
      <div>
        <input type="text" value={this.state.name} onChange={this.handleNameChange} />
        <input type="text" value={this.state.age} onChange={this.handleAgeChange} />
        <input type="text" value={this.state.address} onChange={this.handleAddressChange} />
        <button onClick={this.handleAddClick}>添加</button>
      </div>
    );
  }
}

export default MyComponent;

在这个组件中，我们定义了三个状态(name, age, address)来保存输入框中的值，并且在输入框的onChange事件中更新状态。在添加按钮的onClick事件中，通过this.state来获取当前页面的数据，并且可以对数据进行操作，比如发送给后端保存。