通过typescript语法

Question

我有以下州声明：

constructor(props: any) {
    super(props);

    this.state = {
        orders: []
    };
}

其中orders是这些Order结构的数组：

interface Order {
    symbol: string,
    qty: number,
    side: Side
}

我想像这样映射订单数组：

this.state.orders.map( ( {order}, index: number) => {
    return <li key={index}>order.symbol order.qty</li>;
})

我正在玩括号和卷曲，无法正确使用语法，不太确定我在做什么。我的意图是＆＃34;在渲染方法中循环遍历订单数组并显示它＆＃34;

非常感谢

Answer 1

这将是：

<Label> {{nfcText}} </Label>

Answer 2

您无需在order功能中销毁map。在您当前的语法中，map期望order数组中每个元素都具有orders属性的对象。

您只需移除花括号即可访问每个order。另外，请确保在JSX中使用花括号来区分文本和JS表达式：

this.state.orders.map( (order: Order, index: number) => {
    return <li key={index}>{order.symbol} {order.qty}</li>;
})

详细了解object destructuring。