如何回溯余烬应用程序代码

Question

如何了解余烬应用代码。

我想回溯从网页到组件定义变量的地方。

示例：

在网页Title : "Wonder boy"

中

在模板中被称为

 {{title-works field as |f|}}

     title = field.label

 {{#titel-works}}

但是在此模板的组件中，我无法找到varaible field或field.label。您能否提供给我任何资源，以了解如何将余烬应用程序从Web前端回溯到变量。谢谢。

Answer 1

首先，您的模板看起来有点错误。首先，从不使用变量f，其次title = field.label不是hbs语法，应该从字面上打印字符串"title = field.label"。也许是https://facebook.github.io/react-native/docs/native-modules-android#sending-events-to-javascript吗？

---

现在，我假设您实际上像在{{field.label}}中一样使用变量。

如果您的组件中没有变量，则在调用该组件时会将其传递给它。

因此，可以使用{{your-component field=something}}（旧语法）或<YourComponent @field={{something}} />（较新语法）。

这确实不是很清楚。这就是为什么当数据来自{{field}}（或{{field.something}}（如果使用路由模板）或{{this.field}}（和{{this.field.something}}）（向下传递到组件时），因此始终可以从它们 来。

---

调试时，您最好的资源是emblem。它可以向您显示组件树，因此您可以准确地知道组件的调用位置和外观。