reactjs

Question

我实际上正在更新 https://github.com/ezequiel/react-typeahead-component 这个组件以兼容 >= 0.14 但在更改方法时我只是运行变成一个错误：

交换 this.getDOMnode 因为它被弃用 this.findDOMnode 它发生错误：Uncaught TypeError: this.findDOMNode is not a function

所以我尝试了很多关于 React 在 0.14 中没有自动绑定 this 到几个函数的问题。但它并没有真正帮助我。

module.exports = React.createClass({
  displayName: 'Aria Status',

  propTypes: process.env.NODE_ENV === 'production' ? {} : {
    message: React.PropTypes.string
  },

  componentDidMount: function() {
    var _this = this;

    _this.setTextContent(_this.props.message).bind(this);
  },

  componentDidUpdate: function() {
    var _this = this;

    _this.setTextContent(_this.props.message).bind(this);
  },

  render: function() {
    return (
      React.createElement("span", {
        role: "status",
        "aria-live": "polite",
        style: {
          left: '-9999px',
          position: 'absolute'
        }
      })
    );
  },

  setTextContent: function(textContent) {
    this.findDOMNode().textContent = textContent || '';
  }
});

也许有人可以指出我继续前进的地方！

Answer 1

在 React v 0.14 中 findDOMNode 已弃用，您可以尝试使用 refs，像这样

setTextContent: function(textContent) {
  this.refs.element.textContent = textContent || '';
}

或使用ReactDOM.findDOMNode

setTextContent: function(textContent) {
  ReactDOM.findDOMNode(this).textContent =  textContent || '';
}

Example

reactjs - 这不是升级时的功能错误

reactjs - this is not a function error on upgrade

javascript

function

deprecated

typeahead