react-router-dom匹配对象isExact false

Question

我正在做一个React项目。我尝试访问Header组件中的url参数。但是，它总是返回空。

SELECT distinct  p.p_id, p.p_f6, p.p_l4,m.m_id, (
        SELECT COUNT(*) 
        FROM ttokens t where t.pdetail_id = p.pdetail_id 
    ) AS token_count
FROM tparking p,ttokens t LEFT join ttokens_md m ON t.trefn_id = m.trefn_id 
WHERE t.pdetail_id = p.pdetail_id

我尝试访问Header组件中的url参数。参数为空，isExact为false。谁能帮我这个？谢谢。

Answer 1

在toggleState(id = 'remove2', condition = diff > 1)的屏幕截图中，console.log与

匹配

react-router

这是正确的行为，因为<Route component={Header} title='Sample Scorecard' /> 寻找第一个匹配项。

我建议不要将Switch的呈现声明为Header。即

Route

这样，<Switch> <Route path='/loading' exact component={LoadingPage} /> <Header title='Sample Scorecard' /> </Switch> 仅在Switch路径不匹配时呈现。

Answer 2

我仍然不知道如何解决此问题。为了解决这个问题，我要做的是创建一个高阶组件。标头将包含在HOC中，因此获取URL参数没有问题。