如何使子按钮影响父值？

// 父组件
import React from 'react';
import { connect } from 'react-redux';
import { updateValue } from './actions';

class ParentComponent extends React.Component {
  handleChildButtonClick = (value) => {
    // 子按钮点击时触发该函数，将子按钮的值传递给父组件的回调函数
    this.props.updateValue(value);
  }

  render() {
    return (
      <div>
        <ChildComponent onClick={this.handleChildButtonClick} />
        <p>父值：{this.props.value}</p>
      </div>
    );
  }
}

const mapStateToProps = (state) => ({
  value: state.value, // 从状态管理中获取父值
});

const mapDispatchToProps = {
  updateValue, // 注册更新父值的action
};

export default connect(mapStateToProps, mapDispatchToProps)(ParentComponent);

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  handleClick = () => {
    const value = '子按钮的值';
    this.props.onClick(value); // 触发父组件的回调函数，传递子按钮的值
  }

  render() {
    return (
      <button onClick={this.handleClick}>子按钮</button>
    );
  }
}

export default ChildComponent;

// actions.js
export const updateValue = (value) => ({
  type: 'UPDATE_VALUE',
  payload: value,
});

// reducers.js
const initialState = {
  value: '', // 初始父值
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_VALUE':
      return {
        ...state,
        value: action.payload, // 更新父值
      };
    default:
      return state;
  }
};

export default reducer;