Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “错误”;无法获取;刷新Redux组件后浏览器中的url_Javascript_Reactjs_Redux - Fatal编程技术网

Javascript “错误”;无法获取;刷新Redux组件后浏览器中的url

Javascript “错误”;无法获取;刷新Redux组件后浏览器中的url,javascript,reactjs,redux,Javascript,Reactjs,Redux,我正在URL localhost上正确呈现以下组件:8080/productDesc/433899641,第一次加载时从另一个组件导航。 但是,刷新页面时,浏览器不会加载React并在显示中返回错误消息“Cannot GET/productDesc/433899641”,并且控制台中没有要调试的内容 import React from 'react' const ProductDesc = (props)=>{ function test(element,index,array

我正在URL localhost上正确呈现以下组件:8080/productDesc/433899641,第一次加载时从另一个组件导航。 但是,刷新页面时,浏览器不会加载React并在显示中返回错误消息“Cannot GET/productDesc/433899641”,并且控制台中没有要调试的内容

import React from 'react'

const ProductDesc = (props)=>{

    function test(element,index,array){
      var convertId = Number(productId)
      if(element.id === convertId){
        return true;
      }
    }
    const products  = props.products;
    const productId = props.params.itemId;

    const i = products.findIndex(test);

    const product = products[i];
    console.log(product);

    return (
     <ProductComponent />
    )

}

ProductDesc.propTypes = {
  products: React.PropTypes.array
};

export default ProductDesc;
从“React”导入React
const ProductDesc=(道具)=>{
功能测试(元素、索引、数组){
var convertId=编号(productId)
if(element.id==convertId){
返回true;
}
}
const产品=道具产品;
const productId=props.params.itemId;
常数i=产品。findIndex(测试);
常数乘积=乘积[i];
控制台日志(产品);
返回(
)
}
ProductDesc.propTypes={
产品:React.PropTypes.array
};
导出默认产品描述;
我的路线如下

  <Provider store={store}>
    <Router history={ history }>
      <Route path="/" component={ App }>
          <IndexRoute component={ ProductsGrid } />
          <Route
            path="/productDesc/:itemId"
            component={ ProductDesc }
          />
      </Route>
    </Router>
  </Provider>


我应该如何保持当前状态并重新加载它?我正在使用Redux

为了在服务器重新加载后生存下来,您的服务器也需要通过响应index.html来支持它,无论请求的路径是什么。否则,请使用hashHistory而不是browserHistory。

问题不在于客户端,而在于服务器。在浏览器中输入url时,它会尝试将其映射到不存在的ressource。通常我们使用通配符将其路由到index.html,然后由客户端接管。好的,关于@Nicc I功能的更多细节应该包括链接。谢谢