CSS幻灯片菜单无法按预期工作

Question

这是我的情况：

我已创建此幻灯片菜单： http://codepen.io/facundo_larocca/pen/vgBmGG

工作正常，我喜欢它。

问题发生在实时版本中，当我尝试将其添加到我的网络应用时，只是它没有响应点击。

我还没有托管我的应用程序，我认为将这一切放在这里的代码太多了，但我将我的github repo公之于众。

如果你想查看它，那么你当然会知道npm install然后npm start

它是一个ReactJS项目+ CSS，该组件，它不能正常工作，我称之为ThemeSelector。您可以查看here

我将其添加到this one，检查第42行。

可以找到所有CSS类here

无论您认为需要澄清我的问题，请让我知道!!

提前致谢，新年快乐给大家!!!!

编辑@Gaby又名G. Petrioli的回答

由于我使用的是ReactJS而非纯HTML，for代码必须替换为htmlFor。

Answer 1

您忘记在label ^{line 22}上添加<form id="uploadimage" onSubmit={this.handleImgUpload} action="" method="post" encType="multipart/form-data"> <Row id="image_preview" className="row"> <img id="previewing" src={this.state.imgPath}/> </Row> <div id="selectImage"> <label>Select Your Image</label><br/> <input type="file" name="image" id="file" onChange={this.handleImgChange} required /> <Button type="submit" className="btn btn-primary" id="upload">Upload</Button> </div> </form> ，因此它们没有关联。