React todolist例子 傳參傳方法

分三個元件

父元件(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...