javascript - 如何在微信小程序中将道具从一个组件传递到另一个组件

Question

我是微信小程序开发的新手。我来自 React Technology，我们将自定义属性 (props) 从一个组件传递到另一个组件。我试图将道具从一个组件传递到另一个组件，但在这里我失败了。请帮我如何在微信小程序中发送道具。

谢谢

第一个组件代码

    <!--index.wxml-->
<view class="container">
    <headerComponent prop-a="{{dataFieldA}}" prop-b="{{dataFieldB}}" />
</view>

第二个组件代码

    <!--components/header.wxml-->
<text>Header Component</text>
<text>{{prop-a}}</text>

我正在尝试，但prop-a数据没有显示给我结果NaN

score 1 · Accepted Answer

尝试声明一个变量使用camelCase（propA）而不是camel-case（prop-a）。

并且不要忘记在component.properties下面声明道具，

Component({
  properties: {
    propA: {
      type: String
    }
  }

<text>Header Component</text>
<text>{{propA}}</text>

它应该工作；

1 回答 1