Question

假设父组件＆＃34; A＆＃34;和儿童组成部分＆＃34; B＆＃34;。组件＆＃34; A＆＃34;进行Ajax调用。

我无法从＆＃34; A＆＃34;中获得道具价值。到了＆＃34; B＆＃34;＆＃39; componentDidUpdate，为什么会这样？

基本上我想做像这样的滚动检测事件

componentDidMount() {
    $('#container').on('scroll', function() {
        if(Math.ceil($(this).scrollTop() + $(this).height()) === $(this)[0].scrollHeight) {
            if(this.props.items.length < this.props.itemTotal) {
                fetchItems(this.props.items.length)
            }
        }
    })
}

this.props.items.length未定义？我可以在nextProps.items方法中获得componentWillRecieveProps的值吗？

Answer 1

在scroll事件处理函数中，this指的是#container元素。在进入处理程序之前，您可以存储对组件的引用。

componentDidMount() {
    var thisComponent = this;
    $('#container').on('scroll', function() {
        if(Math.ceil($(this).scrollTop() + $(this).height()) === $(this)[0].scrollHeight) {
            if(thisComponent.props.items.length < thisComponent.props.itemTotal) {
                fetchItems(thisComponent.props.items.length)
            }
        }
    })
}

componentDidMount无法从父组件接收道具

1 个答案: