我非常需要jQuery Api,但是问题是我在React js中使用了该api。我只是在混淆我的React js生命周期。
附加信息我正在为不同的div创建视图计数器。在我看来,我非常需要jQuery API来照顾ScrollTop的高度。
以下代码将输出未定义

var React = require('react');
var ReactDOM = require('react-dom');
var NewsDetail = require('./news-details');
var $ = require('jquery');


module.exports = React.createClass({
    getInitialState:function () {

      return{
          news:[
              {

              {
                  id:"5",
                  data:"I probably am using the wrong I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value terminology here but this is what I'm trying to do. I want to create a map with a value for each key and a value for each key's object. S"
              },
              {
                  id:"6",
                  data:"I probably am using the wrong I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value terminology here but this is what I'm trying to do. I want to create a map with a value for each key and a value for each key's object. S"
              },
              {
                  id:"7",
                  data:"I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value for each key and a value for each key's object. S"
              },
              {
                  id:"8",
                  data:"I probably am using the wrong I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value terminology here but this is what I'm trying to do. I want to create a map with a value for each key and a value for each key's object. S"
              },
              {
                  id:"9",
                  data:"I probably am using the wrong I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value I probably am using the wrong terminology here but this is what I'm trying to do. I want to create a map with a value terminology here but this is what I'm trying to do. I want to create a map with a value for each key and a value for each key's object. S"
              },

          ],
          top:0,
          height:null
      }
    },
    componentWillMount:function () {

    },
    componentDidUpdate:function () {

        var height = $('#newscontainer').height();
        alert(height)//udefined

    },
    render:function () {

      var newsdata = this.state.news.map(function (newss) {

          return(<NewsDetail key={newss.id} {...newss}/>)
      });
        return(
            <div className="newscontanier" id="newscontanier">{newsdata}</div>
        )



    }

})

最佳答案

您有错字newscontanier。不过,您可以像这样

<div ref={elem => this.elem = elem} className="newscontanier" id="newscontanier">{newsdata}</div>


然后您可以找到dom元素

this.elem.getDOMNode();

关于javascript - 如何将jQuery与React js集成?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39231457/

10-12 12:55
查看更多