使用 Netlify URL 問題部署的 React Redux 應用程序

Question

我的問題很簡單。 我構建了一個 React Redux 應用程序並嘗試在 Netlify 上部署它。 一切正常，應用程序在線，安裝了 SSL 證書，顯示根頁面，域名......

您的幫助將是寶貴的，並讓我最終上線。

非常感謝，我希望我足夠清楚。

Answer 1

由於 React 應用程序中的路由是由 javascript 處理的，因此您可能沒有設置重定向規則。 當您請求某個路由時，服務器找不到該路由，因為它不知道您的反應路由。 您基本上必須將所有請求重定向到 index.html 並讓 react 處理所有路由。 有關於如何設置了用於netlify指導這里

Answer 2

我懷疑您的問題出在 Netlify 上，因為正如 Martin 所解釋的，react 是路由本身。 最有可能發生的情況是您的父組件無權訪問 react-router 道具，因此，每當 url 更改時，它都不會通過 shouldComponentUpdate。 假設你有正確的語法，我會嘗試用 withRouter 包裝你的父組件，如下所示：

import {withRouter, Switch, Route} from 'react-router-dom'

class youComponent extends Component{
     constructor(props){
         super(props);
     }

     render(){
        let {teamName} = this.props;
        return(  
           <Switch>
               <Route path="/path2" component={ChildComponent} />
                ... other routes
               <Route path="/path3" render={(props) => <ChildComponent2 

teamName={teamName} />} />
              </Switch>
            )
      }
}

export default withRouter(yourComponent)

還要確保您的子組件可以從 react-router-dom 訪問歷史道具。 有時歷史道具不會傳遞給子組件。