小编Abd*_*zic的帖子

我的App.js组件中有这个代码:

render() {
        return (
            <div>
                <Navbar/>
                <BrowserRouter>
                    <Switch>
                        <Route exact path="/" component={Home}/>
                        <Route path="/about" component={About} />                         
                        <Route path="*" render={() => <Redirect to="/" />} />
                    </Switch>
                </BrowserRouter>
            </div>
        );
    }

现在我尝试在我的一个其他组件中包含一个Link组件,但我发现BrowserRouter必须是App.js组件的根元素,以便它可以工作.现在我想知道如果我还想在每个页面上都包含导航栏,我将如何将其作为路由元素.

http://codepen.io/abdulahhamzic/pen/xVMXQa

这是我的项目.我想把userWord的字母放在五个方框中.当我使用这个JavaScript代码时,为什么只发生每两个字母？

for (var i = 0; i < 5; i++) {  
        document.getElementsByClassName("letters")[input].childNodes[i].innerHTML = "<h1>" + userWord[i].toUpperCase() + "</h1>";
    }    

我似乎无法弄清楚解决方案.:)

http://codepen.io/abdulahhamzic/pen/ALQqGq

在移动浏览器中单击/触摸“开始”、“重置”、“严格”和“旋转”按钮后，它们将保持悬停模式。这是相关的 CSS 代码：

button {
  background: #5c8a8a;
}
button:hover {
  background: #ffff4d!important;
}

所以，基本上，在移动设备上，每个按钮在被触摸后都会保留 #ffff4d 背景而不是 #5c8a8a，直到我按下其他地方......

http://codepen.io/abdulahhamzic/pen/YqMQwB

我怎么做到这样当我按下输入文本输入时,它调用一个函数？我试过用这个:

<input type="text" onkeypress="clickPress()">   

但问题是我只想按Enter键调用该功能,而不是按任意键.我如何实现这一目标？