路由器路由器v4不反映链路的组件更改?

时间:2018-01-27 07:02:52

标签: javascript reactjs

我的路线结构有什么问题?使用链接导航无法查看更改。

class App extends React.Component {
  render() {
    return(
      <BrowserRouter>
        <div>
          <AuthRoute></AuthRoute>
          <Switch>
            <Route path='' component={Home} />
            <Route path='/profile' component={Profile} />
          </Switch>
        </div>
      </BrowserRouter>
    )
  }
}

https://codesandbox.io/s/r433m6kvvp

1 个答案:

答案 0 :(得分:2)

的变化:

1-而不是boolean finish; public void downloadImagesFromFireStorage(final String couponName, String imgName) { finish = false; StorageReference storageRef = FirebaseStorage.getInstance() .getReferenceFromUrl("gs://xxxxx.appspot.com").child("imgs").child(imgName); final long ONE_MEGABYTE = 1024 * 1024; storageRef.getBytes(ONE_MEGABYTE).addOnSuccessListener(new OnSuccessListener<byte[]>() { @Override public void onSuccess(byte[] bytes) { Bitmap bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.length); saveBitmap(couponName, bitmap); finish = true; } }); final ProgressDialog progressDialog = new ProgressDialog(context); progressDialog.setTitle("Downloading.."); progressDialog.setMessage("Now download " + couponName + "...."); progressDialog.show(); while(!finish){/*DO NOTHING*/} } (空白路径)使用path=''

2-在path='/'上使用exact字,否则在最后一个字段中定义,因为如果您不使用完全字符,则path='/'将与/匹配或任何其他路线也。

查看文档,详细了解 exact Switch 以及它们的工作原理。

像这样:

/profile

<Route exact path='/' component={Home} />
<Route path='/profile' component={Profile} />

<强> Working Code