reactリストクリックdemo
1071 ワード
react
forサイクル
リスト#リスト#
forサイクル
リスト#リスト#
class Toggle extends React.Component {
constructor(props) {
super(props);
this.state = {isToggleOn: true};
// , `this`
this.handleClick = this.handleClick.bind(this);
const listItems = props.numbers.map((number) =>
{number}
);
this.state={listItems: listItems};
}
handleClick() {
console.log(this);
this.setState(prevState => ({
isToggleOn: !prevState.isToggleOn
}));
}
handleClick2(id,e) {
alert(id);
//console.log(this);
}
render() {
return (
{this.state.listItems}
);
}
}
const numbers = [1, 2, 3, 4, 5];
ReactDOM.render(
,
document.getElementById('example')
);