相关疑难解决方法(0)

如何在react.js中选择某些条形图？

这是我的代码:

var Progressbar = React.createClass({
    getInitialState: function () {
        return { completed: this.props.completed };
    },
    addPrecent: function (value) {
        this.props.completed += value;
        this.setState({ completed: this.props.completed });
    },

    render: function () {

        var completed = this.props.completed;
        if (completed < 0) { completed = 0 };


        return (...);
    }

我想使用这个React组件:

var App = React.createClass({
    getInitialState: function () {

        return { baction: 'Progress1' };
    },
    handleChange: function (e) {
        var value = e.target.value;
        console.log(value);
        this.setState({ baction: value });
    },
    handleClick10: function (e) …

我有一个函数，我想在其中返回一些 HTML，但是当我调用该函数或记录它时，它将变量返回为未定义：

  contentForRender = () => {
    const el = (
      <div><span>Lorem Ipsum</span></div>
    );
    return el;
  }

  componentDidUpdate(prevProps, prevState, prevContext) {
    const el = this.contentForRender();
    console.log('el', el);
    console.log('el_inner', el.innerHTML);
    // do something with el.innerHTML
  }

当我注销时，componentDidUpdate 中的 'el' 变量是typeOf: Symbol(react.element)el.innerHTML undefined。

是否有不同的方式为 React 元素获取 innerHTML？

我试过使用 refs，但由于我对 React 还是相当陌生，我不确定我是否做得正确，也想不出为什么它不起作用。任何帮助将不胜感激！