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

时间:2019-06-19 05:06:06

标签: javascript reactjs wechat wechat-auth

我是微信迷你程序开发的新手。我来自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

1 个答案:

答案 0 :(得分:0)

尝试使用public void ConfigureServices(IServiceCollection services) { services.AddMiniProfiler() .AddEntityFramework(); } (propA)而不是camelCase(prop-a)声明变量。

也不要忘记在camel-case中声明道具,如下所示,

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

它应该工作;