split string within react if statement

Question

I have json data for order.expeditionPlaces which is formatted like:

"expeditionPlaces": "Place1, Place2",

I am trying to split this so that it will display each place on a new line and I also need to be able to check if it is null

Place1

Place2

{order.expeditionPlaces.split(",").join("<br />")} threw an error when it received a null value.

I'm not sure what the best approach to this is, I've tried split and join on the object itself and also tried to put it into const Split but it doesn't like this, I'm not sure where it should go within the if statement?

if (this.state.possibleOrders && this.state.possibleOrders.length > 0) {
        this.state.possibleOrders.forEach((order, index) => {
            possibleOrders.push(<tr key={index}>
                <td>{order.orderId}</td>
                <td><Button bsStyle="success">{order.sortingTableName}</Button></td>
                <td>{Split}</td>
                <td>{order.expeditionPlaces.split(",").join("<br />")}</td>
                <td>{order.sortingBufferPlaces}</td>
            </tr>);

            const Split = if (order.expeditionPlaces.length >0) {order.expeditionPlaces.split(",").join("<br />")}}
        }
    );

Jaydip Jadhav · Accepted Answer · 2017-03-16 11:47:01Z

1

Just replace this

{order.expeditionPlaces.split(",").join("<br />")}

With

{order.expeditionPlaces ? order.expeditionPlaces.split(",").join("<br />") : ''}

answered Mar 16, 2017 at 11:47

Jaydip Jadhav

12.3k6 gold badges26 silver badges41 bronze badges

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

1 Comment

DroidNoob Over a year ago

@ThomasHarrison Please accept the answer if it worked

Collectives™ on Stack Overflow

split string within react if statement

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related