concatenating fields in react.js method

Question

I have the method below in my react.js application. I will like to concatenate this line {dt.productCode} {dt.sizeCode} {dt.itemWearerName} such that asterisk will be between them.

        1234*xl*tester

How can I achieve that?

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

sjdm · Accepted Answer · 2019-01-14 22:16:37Z

1

You cant just put an asterisk between them as such?

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

answered Jan 14, 2019 at 22:16

sjdm

5894 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

L Dorado · Accepted Answer · 2019-01-14 22:23:06Z

0

When I want space between values like that, I use {' '}. [Note the spacing given in between the quotes] Try to add asterisk in similar way and check.

answered Jan 14, 2019 at 22:23

L Dorado

513 bronze badges

Comments

Colin Burke · Accepted Answer · 2019-01-14 22:30:11Z

0

If you have some number of things and you want to add something between them, then .join() can be a good approach.

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

You can read more about .join here.

answered Jan 14, 2019 at 22:30

Colin Burke

17.3k13 gold badges57 silver badges84 bronze badges

Collectives™ on Stack Overflow

concatenating fields in react.js method

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related