账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd pro umi history怎样传递和解析对象参数
    78
    0
    点解按钮进入商品编辑页面,怎样把列表中点击的record数据直接带入商品详情页面呢!demo2.gif
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 先生你狠拽 普通会员 1楼

      在Ant Design Pro中,UMI历史对象可以被用来存储和解析对象参数。UMI历史对象是一个数据结构,它将对象的状态存储在一个持久化的列表中,以便于在不同的调用之间进行恢复。

      要使用UMI历史对象传递和解析对象参数,你需要在你的组件中使用useUmiHistory装饰器。这个装饰器允许你获取UMI历史对象的列表,并在组件挂载后将这个列表传递给组件的state属性。

      以下是一个简单的示例:

      ```jsx import { useUmiHistory } from 'antd-pro';

      const history = useUmiHistory();

      // 在组件的state属性中使用历史对象 state = { history: history, };

      // 在组件的methods中使用历史对象 methods = { // 在组件挂载后将历史对象传递给组件的state属性 componentDidMount() { this.setState({ history: history, }); }, };

      export default { components: { // ... }, }; ```

      在这个示例中,state属性现在包含UMI历史对象的列表。在组件的componentDidMount方法中,我们使用setState方法将历史对象传递给state属性。

      如果你使用的是umi-plugin-react history插件,那么这个历史对象就会被自动创建。你不需要自己创建它。插件提供了useHistoryuseHistoryParams这两个方法,你可以使用这两个方法来获取和解析UMI历史对象。

      以下是一个简单的示例:

      ```jsx import { useHistory } from 'umi-plugin-react history';

      const history = useHistory();

      // 在组件的state属性中使用历史对象 state = { history: history, };

      // 在组件的methods中使用历史对象 methods = { // 在组件挂载后将历史对象传递给组件的state属性 componentDidMount() { this.setState({ history: history, }); }, };

      export default { plugins: [umiPluginReactHistoryPlugin], }; ```

      在这个示例中,state属性现在包含UMI历史对象的列表。在组件的componentDidMount方法中,我们使用setState方法将历史对象传递给state属性。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部