Ant design pro page jump when the value of the problem?

when you jump to a page, how can the value from one page component be passed to the component of another page?

(as shown in this picture, I want to jump from the Test permissions Page to the user user page, how can I pass the values from the Test permissions Page component to the user user page components)

1. The event method was tried first, because the way ant design pro ended up binding to the final component was unknown and unsuccessful.
2. Tried the routerRedux method, first of all, this method requires an event to trigger, and secondly, the trigger event has a page jump, which can successfully obtain data through the jump triggered by the event, but it cannot be obtained when jumping on a menu like the one on the picture, or it cannot be obtained from the menu after triggering the event.

this.props.dispatch(routerRedux.push({ 
    pathname: "/system/user_a",
    params: this.state.str
}))

maybe because of my lack of technology, I didn"t come up with a solution. I hope God can guide me

.
Jun.02,2022

try replacing params: this.state.str with query:this.state.str, and then use this.props.location.query to get this value in the new page


 router.push({
            pathname: '/home/devicedetail',
            query: {
                name: 'John,
                age:20
            }
        });
        
this.age=+this.props.location.query.age
Menu