Class 来自 ReactJS 属性的字段
Class fields from properties in ReactJS
我无法弄清楚如何根据 属性 正确创建 class 字段。
class Example extends Component {
example_titles = props.titles;
// ...
}
这导致
Line 7: 'props' is not defined no-undef
我在另一个 100% 正确工作的文件中调用此 class 除非我使用以下调用添加此标记 <Example titles={["titles"]} />
我正在使用 Babel 中的第 2 阶段来消除构造函数。我知道如何使用构造函数执行此操作,但如果没有它们,我很难理解这一点。
您可以使用 this.props
.
访问 class 属性中的道具
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>
我无法弄清楚如何根据 属性 正确创建 class 字段。
class Example extends Component {
example_titles = props.titles;
// ...
}
这导致
Line 7: 'props' is not defined no-undef
我在另一个 100% 正确工作的文件中调用此 class 除非我使用以下调用添加此标记 <Example titles={["titles"]} />
我正在使用 Babel 中的第 2 阶段来消除构造函数。我知道如何使用构造函数执行此操作,但如果没有它们,我很难理解这一点。
您可以使用 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>