React无法关注div

时间:2017-07-31 15:27:52

标签: reactjs

当我点击here之类的按钮时,我正在尝试关注div。我把我的问题减少到下面的代码,虽然在div对象上调用焦点,但从不调用onFocus。此外autoFocus并不能解决我的问题,因为我希望能够在组件安装后多次更改焦点。

class App extends React.Component {
    constructor() {
        super();
        this.my_refs = {};
        this.focusByID.bind(this);
    }

    focusByID(id){
        let myRef = this.my_refs[id];
        if(myRef){
            console.log('focusing on ', id, myRef);
            myRef.focus();
        }
    }
    render() {
        return (
            <div>
                <div
                    id="bigRedDiv"
                    style={{height : 200, width : 200, backgroundColor : 'red'}}
                    ref={(input) => this.my_refs['bigRedDiv'] = input }
                    onFocus={() => console.log('FOCUS IS ON BIG RED DIV')}
                    onClick={() => this.focusByID('bigRedDiv')}
                >
                </div>
            </div>
        );
    }
}

以下是包含此代码的fiddle

1 个答案:

答案 0 :(得分:8)

只是:

public class Link
{
    public int ID { get; set; }
    public string Name { get; set; }        
    public string Project { get; set; }
}