通过子组件调用时，Redux 属性递增不起作用

要解决“通过子组件调用时，Redux 属性递增不起作用”的问题，可以使用以下方法：

首先，确保你已经正确地设置了 Redux 并且子组件已经连接到 Redux store。

然后，在子组件中，你需要使用 Redux 的 connect 函数将子组件与 Redux store 进行连接。

在子组件中，你可以通过 mapStateToProps 函数将 Redux store 中的状态映射到子组件的属性上，以便在子组件中使用。

在子组件中，你还可以通过 mapDispatchToProps 函数将 Redux 的 dispatch 函数映射到子组件的属性上，以便在子组件中触发 Redux 的 action。

接下来，你可以在子组件中使用这些通过 mapStateToProps 和 mapDispatchToProps 映射到属性上的函数和状态来获取和更新 Redux 的属性。

下面是一个示例代码，展示了如何通过子组件调用时，正确地使用 Redux 属性递增的方法：

// 父组件：Counter.js
import React from 'react';
import { connect } from 'react-redux';
import { increment } from './actions';

class Counter extends React.Component {
  render() {
    return (
      <div>
        <p>Counter: {this.props.counter}</p>
        <button onClick={this.props.increment}>Increment</button>
      </div>
    );
  }
}

const mapStateToProps = state => ({
  counter: state.counter
});

const mapDispatchToProps = {
  increment
};

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

// 子组件：ChildComponent.js
import React from 'react';
import { connect } from 'react-redux';

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <p>Counter from Redux: {this.props.counter}</p>
        <button onClick={this.props.increment}>Increment Redux Counter</button>
      </div>
    );
  }
}

const mapStateToProps = state => ({
  counter: state.counter
});

const mapDispatchToProps = {
  increment
};

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

// actions.js
export const increment = () => ({
  type: 'INCREMENT'
});

// reducers.js
const initialState = {
  counter: 0
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return {
        ...state,
        counter: state.counter + 1
      };
    default:
      return state;
  }
};

export default reducer;

// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import reducer from './reducers';
import Counter from './Counter';
import ChildComponent from './ChildComponent';

const store = createStore(reducer);

ReactDOM.render(
  <Provider store={store}>
    <div>
      <Counter />
      <ChildComponent />
    </div>
  </Provider>,
  document.getElementById('root')
);

在上面的示例中，父组件 Counter 和子组件 ChildComponent 都通过 connect 函数连接到 Redux store，并使用 mapStateToProps 函数将 Redux store 中的 counter 属性映射到组件的属性上。子组件中的按钮点击事件通过 mapDispatchToProps 函数将 Redux 的 increment action 映射到组件的属性上，并通过 this.props.increment 来触发 Redux 的 increment action。

当你点击子组件中的按钮时，Redux 的 counter 属性将会递增，同时父组件和子组件中的 counter 属性都会更新，并在界面上显示出来。