javascript - ReactJS 中属性的类字段

Question

我无法弄清楚如何根据属性正确创建类字段。

class Example extends Component {
  example_titles = props.titles;

  // ...
}

结果是

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

我在另一个 100% 正确工作的文件中调用此类，除非我使用以下调用添加此标记 <Example titles={["titles"]} />

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

Answer 1

您可以使用 this.props 访问类属性中的 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>