小编Paw*_*aca的帖子

我有传递ID到我的页面与产品的问题,我尝试eveything和搜索答案,但它仍然无法正常工作.

这是我的index.js:

import React from "react";
import {render} from "react-dom";
import {Router, Route, IndexRoute, hashHistory} from "react-router";

import {Menu} from './components/Menu';
import {MainPage} from './components/MainPage';
import {DetailsProduct} from './components/DetailsProduct';

class App extends React.Component{

    render(){
        return(
        <Router history={hashHistory}>
            {/* <IndexRoute component={Menu}></IndexRoute> */}
            <Route path="/" component={()=>(<div><Menu/><MainPage/></div>)}></Route>
            <Route path={"product/:id"} component={()=>(<div><Menu/><DetailsProduct>asd</DetailsProduct></div>)}></Route>
        </Router>
        )
    }
}

render(<App/>, window.document.getElementById("app"));

和DetalisProduct(页面:http:// localhost:8080 /#/ product/1)

import React from "react";    
export class DetailsProduct extends React.Component{

    render(){
        console.log(this.props.params); <-- this is undefined

        return(
            <h1>Product</h1>
        )
    }
}

我大约2个月前开始使用React/Redux,我想创建一个具有用户角色的应用程序.当用户登录时,我想更改我的Route组件:

<Route path={"/"} component={MainPage}></Route>

组件

<Route path={"/"} component={MainPageUser}></Route>

如果是管理员

<Route path={"/"} component={MainPageAdmin}></Route>

但是,如果我使用我的路由器进行切换,我会收到错误消息

Warning: [react-router] You cannot change <Router routes>; it will be ignored

我希望根据帐户类型进行访问.

我尝试学习 Next.js 但遇到了一个小问题。这是我的测试代码：

import Link from 'next/link';
export default () => (
    <p>Hallo next <Link href="/abouts?id=2" as='/abouts/1'><a>About</a></Link></p>
)

如果我在 index.js 页面中单击“关于”链接，我的 url 看起来'/about/1/'并工作正常，但如果我刷新页面，则会收到错误 404。如果我在浏览器中输入/abouts?id=2"并刷新页面，则一切正常。你知道我该如何解决这个问题吗？我想要有像这样的链接

/about/1/

有人可以向我解释为什么在将 useState 中的值（通过单击按钮）从“init”更改为“new state”后 addEventListener 的回调显示值“init”而按钮中的文本为“new state”

function Test() {
    const [test, setTest] = useState("init")
    useEffect(() => {
        window.addEventListener("resize", () => console.log(test))
    }, [])

    return (
        <button style={{ marginTop: "100px" }} onClick={() => setTest("new state")}>
            {test}
        </button>
    )
}

你好，我有很多进口来减少例如

import {groupAddTeacher} from "../../../../../../redux/actions/group";
import {groupAddEvent} from "../../../../../../redux/actions/group";

如何通过排除来替换路径 ../../../../../../

我正在使用webpack

entry: "./src/index.js",