Javascript react js中的路由器问题

我是个新手。我正在研究路由。我发现当我点击链接时，URL会随着点击的链接而改变，但不会导航到下一个屏幕：

导入{
BrowserRouter作为路由器，
路线,，
链接
}从“反应路由器dom”
从“/Demo”导入演示；
名称




密码



确认密码



电子邮件




阿达尔




潘




投票者

你好

你需要把交换机放在路由器后面

从'react Router dom'导入{BrowserRouter as Router，Route，Switch}
常量应用=（）=>{
返回(
)
}

问题出在您的路径上。按如下方式更新（路径前无点）

你好

---

从路由路径和链接中删除点“.”。就用这个

---

您可以从工作示例中学习：并尝试使示例工作完全正常，但当我在本文中实现时，它不工作@olegal，所以您需要删除它。在/demohanks之前..它对我有效，但文本在./App文件中追加..我应该怎么做？？非常感谢。@Md Isfar Uddin AINurSorry不明白。你能再解释一下吗？

import {
    BrowserRouter as Router,
    Route,
    Link,
} from 'react-router-dom'
import Demo from "./demo";

<Router>
                <div className='input-form'>
                    <form>
                        <label>Name</label><br/>
                        <input type="text" name="username" onChange={this.onChange}
                               value={this.state.username}/><br/><br/>

                        <label>Password</label>
                        <input type="text" name="password" onChange={this.onChange}
                               value={this.state.password}/><br/><br/>

                        <label>Confirm Password</label>
                        <input type="text" name="confirm" onChange={this.onChange}
                               value={this.state.confirm}/><br/><br/>

                        <label>E-mail</label><br/>
                        <input type="text" name="email" onChange={this.onChange} value={this.state.email}/><br/><br/>

                        <label>Aadhar</label><br/>
                        <input type="text" name="aadhar" onChange={this.onChange} value={this.state.aadhar}/><br/><br/>

                        <label>Pan</label><br/>
                        <input type="text" name="pan" onChange={this.onChange} value={this.state.pan}/><br/><br/>

                        <label>Voter</label><br/>

                        <Link to='./demo' className="btn btn-primary">hello</Link>
                        <Route exact path="/"/>
                        <Route path="./demo" component={Demo}/>
                    </form>
                </div>
            </Router>

<Link to='./demo' className="btn btn-primary">hello</Link>
<Route exact path="/"/>
<Route path="/demo" component={Demo}/>