1回答

阿莱克斯刘

2021-02-20

已采纳

• useparams 的原理是 react hook，可以直接在函数式组件中使用，比较方便。

• 而props.match.params则需要使用withrouter高阶函数包装一下组件，否则无法调用props.match.params

useparams 例子

export const Example = () => {
    const params = useparams()
    return <div></div>
}

withrouter 例子:

const Example = (props) => {    
    const params = props.match.params // 如果没有使用withrouter，这里会为空或报错
    return <div></div>
}

export const Component = withrouter(Example)

一般来说，使用hooks写出的代码逻辑性会更强、可读性也会更高，所以请尽量使用hooks

0

1

慕函数4298367

非常感谢！

2021-03-03

共1条回复