反应组件利用率

时间:2018-02-01 17:33:20

标签: javascript reactjs ecmascript-6

我正在尝试在我的文件中使用以下组件,但不能像组件所希望的那样格式化options。对此有所了解...任何关于如何修复我的代码的想法都将非常感激。 <{1}}下面的组件是我尝试使用它的方式。

Field

1 个答案:

答案 0 :(得分:2)

您要传递的对象周围需要额外的<Field name="type" label="Type" component={fields.SingleSelect} options={[{ text: 'Media File' value: type },{ text: 'External File' value: type }]} required placeholder validate={[validators.required]} />

{}

在JSX中,第一个{}表示内部是需要运行的JavaScript。所以你可以考虑忽略第一个 <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"></ColumnDefinition> </Grid.ColumnDefinitions> <StackPanel Orientation="Horizontal" Grid.Column="0"> <StackPanel Orientation="Horizontal"> <Label Content="Active Profile"></Label> <TextBox Name="activeProfileName" Width="100" Height="20"></TextBox> </StackPanel> <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" > <Label Content="Create A New Profile" HorizontalAlignment="Right"></Label> <TextBox Name="activeProfileNamey" Width="100" Height="20" HorizontalAlignment="Right"></TextBox> </StackPanel> </StackPanel> </Grid>