react列表编辑与更新
<body>
<script type="text/babel">
class Todolist extends React.Component{
render(){
return(
<div>
...
</div>
);
}
}
ReactDOM.render(<Todolist />,document.getElementById('root'));
</scritp>
</body>
<ul id="list" className="list>
{
aList.map(function(){
<li key={index}>
<span>{item}</span>
<a href="javascript:;" className="up">上</a>
<a href="javascript:;" className="down">下</a>
<a href="javascript:;" className="delete">删除</a>
</li>
})
}
</ul>
再修改一下class
class Todolist extends React.Component{
constructor(props){
super(props);
this.state={
aList:['abc01','abc02','abc03']
}
}
render(){
return(
<div>
...
</div>
);
}
}