在表單中，我們可能會碰到這樣的需求，比如我想將某乙個物品或者資產，分配到某乙個部門的員工下，那麼我們需要在表單中做這樣的配置：
這樣就會用到antd的treeselect元件，元件很好用，自帶搜尋框，可以大大的提高使用者的可操作性。
我們來看一下**的結構：
import from 'antd';
const = treeselect;
class demo extends react.component ;
onchange = value => );
};render() key="random3" />
);}}
reactdom.render(, mountnode);
import from 'antd';
const treedata = [
, ,
],},
,];class demo extends react.component ;
onchange = value => );
};render()
}reactdom.render(, mountnode);
比如說我去過濾your leaf這個東西，就會過濾不到，
經過研究，測試，發現，這個元件是根據value值去過濾的而不是title，這就有點不太友好了。
在處理這種json顯示的時候，一般我們會把titel作為顯示項，把value作為實際下發項。
所以在這裡如果想要使用treeselect的時候，我們需要將title和value的值定義成一樣的，才會出現根據value值過濾顯示對應的title。
關於antd表單的雙向繫結
react的input要進行雙向繫結需要定義value和onchange屬性來雙向繫結，當表單元素過多時就顯得麻煩。antd的表單提供了form元件，form元件提供getfielddecorator來進行雙向繫結 公司使用antd mobx進行開發，需要將mobx狀態繫結到antd的表單上。官網對...
antd非同步載入的樹
checkable 加入checkbook checkstrictly 父子節點是否關注 oncheck 點選事件 loaddata 這是很關鍵的一部呼叫非同步載入 checkedkeys onloaddata1 treenode kbservice.request config.host kbma...
antd 表單的校驗方式
1.宣告式表單驗證 name username rules placeholder username 2.validator自定義式驗證 name password rules else prefix type password placeholder password 因為是在表單裡寫的,所以有點...