Question

我的react.js应用程序中具有以下方法。我想串联此行{dt.productCode} {dt.sizeCode} {dt.itemWearerName}，这样星号将在他们之间。

        1234*xl*tester

我该如何实现？

         renderInvoicesProducts(){
                return this.state.invoicesProducts.map((dt, i) => {
                    return (
                        <MenuItem key={i} value={dt.customerInvoiceProductId}>
                            {dt.productCode} {dt.sizeCode} {dt.itemWearerName}
                        </MenuItem>
                    );
                });
            }

Answer 1

您不能只在它们之间加一个星号吗？

     renderInvoicesProducts(){
            return this.state.invoicesProducts.map((dt, i) => {
                return (
                    <MenuItem key={i} value={dt.customerInvoiceProductId}>
                        {dt.productCode}*{dt.sizeCode}*{dt.itemWearerName}
                    </MenuItem>
                );
            });
        }

Answer 2

当我想要这样的值之间的空格时，我使用{''}。 [注意引号之间的间距] 尝试以类似方式添加星号并检查。

Answer 3

如果您有很多东西，并且想要在它们之间添加一些东西，那么.join()是一个很好的方法。

const things = ['one', 'two', 'three'];
const s = things.join('*')
console.log(s) // one*two*three

您可以详细了解.join here。

在react.js方法中串联字段

3 个答案: