React component

self-defined components using propsTyps & forEach loop& transferPropsTo

func

html 元素在 DOM 當中，並且附上了 onChange 的處理器 kHandler。

onChange = {this.state.kHandler}

html tag 或稱元件或元素，提供了 onChange 方法，因為它是一個函數，所以透過 val: this.state.defaultVal 儲存了 defaultVal。

kHandler: function(ev){

    if(this.state.onChange){
        this.state.onChange(ev);
    }

    this.setState(val: ev.target.value);

},

    getInitialState: function(){

    rerurn { val: this.state.defaultVal} ;


}, 

元件的屬性鍵值對集合

        var label = 
            <label>
                <input
                    type="ksCompo"
                    name = {this.state.name}
                    value = {child.state.val}
                    checked = {this.state.val == val}
                    onChange = {this.state.kHandler}
                />
                
                {child.state.children}         

                <br/>
            </label>

中的

                    type="ksCompo"
                    name = {this.state.name}
                    value = {child.state.val}
                    checked = {this.state.val == val}
                    onChange = {this.state.kHandler}

event 事件

取值方法

        event.target.value

forEach 迴圈

              React.Children.forEach(this.state.children, function(child, i){

                var label = 
                
                    <label>

                        {child.state.children}         

                        <br/>
                    </label>;
                    

                    children[i] = label;


                }.bind(this));