如何使用React导航从Redux表单导航到另一个屏幕？

// Redux表单组件
import React from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
import { navigateToScreen } from '../actions/navigationActions';

const ReduxFormComponent = ({ navigateToScreen }) => {
  const handleSubmit = (e) => {
    e.preventDefault();
    // 处理表单提交逻辑
    // ...
    // 导航到目标屏幕
    navigateToScreen('/target-screen');
  };

  return (
    <div>
      <form onSubmit={handleSubmit}>
        {/* 表单内容 */}
        {/* ... */}
        <button type="submit">提交</button>
      </form>
      <Link to="/target-screen">直接导航到目标屏幕</Link>
    </div>
  );
};

const mapDispatchToProps = {
  navigateToScreen,
};

export default connect(null, mapDispatchToProps)(ReduxFormComponent);

// 目标屏幕组件
import React from 'react';
import { connect } from 'react-redux';

const TargetScreenComponent = ({ formData }) => {
  return (
    <div>
      {/* 显示表单数据 */}
      {/* ... */}
    </div>
  );
};

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

export default connect(mapStateToProps)(TargetScreenComponent);