Question

我在弄清楚如何根据属性正确创建类字段时遇到了麻烦。

class Example extends Component {
  example_titles = props.titles;

  // ...
}

这将导致

Line 7:  'props' is not defined  no-undef

除非在下面的调用<Example titles={["titles"]} />中添加此标签，否则我将在另一个可以100％正常工作的文件中调用该类

我正在Babel中使用阶段2来消除构造函数。我知道如何使用构造函数来执行此操作，但是在没有它们的情况下很难理解。

Answer 1

您可以使用this.props访问类属性中的道具。

class Example extends React.Component {
  example_titles = this.props.titles;

  render() {
    return (
      <div>
        {this.example_titles.map((title, index) => (
          <div key={index}>{title}</div>
        ))}
      </div>
    );
  }
}

ReactDOM.render(
  <Example titles={["titles"]} />,
  document.getElementById("root")
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"></div>

来自ReactJS属性的类字段

1 个答案: