Question

所以我想改变div的位置=＆＃34; myMenu＆＃34;从h1标签元素中使用onClick。具体来说，我有：

applicationlog.info("name: {} id: {} age: {}", name, idUser, age);

我希望使用onClick from

更改myMenu的位置

<div className="myMenu"> <button onClick={()=> this.setState({ displayedComponent : Resume})}> Resume </button> <button onClick={()=> this.setState({ displayedComponent : Travel})}> Travel </button> <button onClick={()=> this.setState({ displayedComponent : Art})}> Art </button> <button onClick={()=> this.setState({ displayedComponent : Contact})}> Contact Me </button> </div>。

我想更改myMenu.style.position只使用h1上的onClick事件onClick =＆＃34; ...＆＃34;

我不知道语法应该如何，但我很确定它不像普通的js那样使用document.getElementByClass（＆＃39;＆＃39;）。style.position =＆＃39;绝对＆＃39 ;. 谁能告诉我如何操纵这个className的风格？

Answer 1

一个可能的解决方案，用最简单的术语，只需根据状态切换或附加到myMenu元素上的类名。

<div className={`myMenu ${this.state.displayedComponent === Carousel ? 'modifier-class' : ''}`}>

然后为修饰符类添加一个css定义来绝对定位它

React从另一个标记使用onClick更改className的样式

1 个答案: