分三個元件
父元件(index.jsx)和兩個子元件(addlist.jsx,todolist.jsx)
父元件傳子元件的方法有兩個
第一種:props方式
傳值如:data是父類constructor() }
傳方法如:
子類開始呼叫
傳值:this.props.fffsss就能獲取值
傳方法:
this.props.fangfaname(引數) 就能呼叫對應父類的方法
第二種:ref方法
ref方式有侷限性,相同的名字只能賦值一次
傳值(同乙個元件內):
呼叫:this.refs.myinput.target 。就能獲取當前物件
方法:呼叫是: this.refs.diaoyong.子類的方法。這是在父類裡的寫法
var react=require("react");
var reactdom=require("react-dom");
//顯示子元件
var todolist=require("./page/todolist.jsx");
//新增子元件
var addlist=require("./page/addlist.jsx");
class main extends react.component
this.delarr=this.delarr.bind(this)
} //constructor
//新任務新增到陣列內的方法
addtask(newitem)) }
//刪除(替代)任務方法
delarr()
} console.log(***xa);
this.setstate()
} //獲取當前選中物件的方法
changearr(obj)
})this.setstate()
} //修改當前雙擊物件屬性方法
changeobj(obj)
})console.log(list);
this.setstate()
} render()
總計: ) }}
reactdom.render(,document.getelementbyid("box"))
var react=require("react");
//用於賦值給id
var index=0;
class addlist extends react.component
addobj()
//呼叫父類傳過來的方法
this.props.addmethod(obj);
} render()
}module.exports=addlist
var react=require("react");
var reactdom=require("react-dom");
class todolist extends react.component
//獲得當前勾選checkbox值
handleclick(e)
//呼叫父類傳來的方法,對應父類的changearr方法
this.props.showlist(obj);
} //修改方法
updatearr(item)
updatemess(e,item)
this.props.updatedisplay(item);
} render()
const hide=
var vm=this;
var ddss=this.props.todo.map(function(item,i) style=
/>}/>
vm.updatearr(item)} style=>)})
return (
) }}
module.exports=todolist;
react todolist遇到的問題
用webpack bable react搭建環境 基於上面的環境寫了乙個增刪的demo 使用react devtools除錯工具進行react除錯 遇到的問題 1.node modules localdb index.js檔案有問題 2.新建乙個物件時,物件名稱應該首字母大寫,例如this.db n...
(例子)PHP 資料抓取小例子
為了加強php語言的學習,自己沒事寫了個小例子,抓取慕課網的課程列表。就是乙個簡單的小例子,沒用curl等擴充套件只用了原生的php。流程 根據url開啟 轉成字串 正規表示式提取資訊 存入資料庫。而且有乙個缺點就是因為要開啟的頁面太多,導致網路不好的情況下解析的時間太長了,會報錯停止執行。正在向方...
C udp 通訊 例子
upd通訊接受端 using system using system.collections.generic using system.text using system.net using system.net.sockets namespace zhty.socket.udpsocket pub...