如何在React中创建一个编辑按钮？

npm install react react-dom

import React from 'react';

function EditButton(props) {
  return (
    <button onClick={props.onClick}>
      编辑
    </button>
  );
}

export default EditButton;

import React from 'react';
import EditButton from './EditButton';

class App extends React.Component {
  handleEditClick() {
    // 处理编辑按钮点击事件的逻辑
    console.log('编辑按钮被点击');
  }

  render() {
    return (
      <div>
        <h1>我的应用</h1>
        <EditButton onClick={this.handleEditClick} />
      </div>
    );
  }
}

export default App;