如何解决更改DOM元素之间的React类状态
我有2个反应DOM元素navbar和content-box。单击导航栏中的某个项目时,我希望它更改内容框类组件的状态,从而显示其他内容。
class Content extends Component {
constructor(props) {
super(props);
this.state = {
content: "news"
}
}}
class Navbar extends Component{
render() {
<button onClick={change state of Content element to "sport"} />
}}
此外,如果a在DOM中有多个元素,我想独立调用,这是正确的方法吗?
在index.js中:
ReactDOM.render(
<React.StrictMode>
<Navbar />
</React.StrictMode>,document.getElementById('navbar')
);
ReactDOM.render(
<React.StrictMode>
<Content />
</React.StrictMode>,document.getElementById('content')
);
然后将它们放在index.html中的不同位置。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。