create-react-app留言板搭建环境创建package.json文件npminit-yinstallcreate-react-appnpminstall-gcreate-react-app使用命令创建myapp目录create-react-appmyapp进入myapp目录cdmyapp运行npmstart会自动跳转到页面:installlodernpminstallsass-loadernode-sass--save-dev修改项目修改项目目录后删除不需要的项目编写程序因为我们这里要用到Bootstarp,所以需要首先下载一个样式库;下载Bootstarp样式库官网网址:http://v3.bootcss.com/getting-started/#download直接在浏览器中打开即可。打开后会出现如下页面。点击第一个下载Bootstrap新建一个index.js文件即可.css';//导入样式文件ReactDOM.render(,document.getElementById("app"));//输出到页面创建LiuYanapp.js文件(道具);这个.ids=1;this.state={todos:[]};this.addItem=this.addItem.bind(th是);this.deleteItem=this.deleteItem.bind(this);}deleteItem(id){letnewtodos=this.state.todos.filter((item)=>{return!(item.id==id)});this.setState({todos:newtodos});}addItem(value){this.state.todos.unshift({id:this.ids++,text:value,time:(newDate()).toLocaleString(),done:0})this.setState({todos:这个.state.todos});}render(){return(
</div>留言板