我在更新/更改组件状态时遇到问题。这是我试图使工作的代码:
class NavbarList extends React.Component {
constructor() {
super();
this.onClick = this.handleClick.bind(this);
}
handleClick(event) {
const {id} = event.target;
console.log(id);
return <h3 id={1} onClick={this.onClick}>New Text</h3>
}
render() {
return (
<h3 id={0} onClick={this.onClick}>Old Text</h3>
)};
};
ReactDOM.render(
<NavbarList />,
document.getElementById('root')
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>
带有条件渲染的示例并没有为我清除它。
我需要更多的例子。