2017-03-16 2 views
2

I json Daten für order.expeditionPlaces haben, die wie formatiert ist:Split-String reagieren innerhalb if-Anweisung

"expeditionPlaces": "Place1, Place2",

Ich versuche, dies zu teilen, so dass sie jeden Ort auf einer neuen Zeile angezeigt wird, und ich müssen in der Lage sein, auch zu prüfen, ob es

Place1

Place2

null ist 10 {order.expeditionPlaces.split(",").join("<br />")} hat einen Fehler ausgegeben, als es einen Nullwert erhalten hat.

Ich bin mir nicht sicher, was der beste Ansatz ist, habe ich versucht Split und Join auf das Objekt selbst und auch versucht, es in const Split setzen, aber es mag das nicht, ich bin mir nicht sicher, wo sollte es innerhalb der if-Anweisung gehen?

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 />")}} 
     } 
    ); 

Antwort

1

Gerade diese

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

perfekt, danke! –

+0

@ThomasHarrison Bitte akzeptieren Sie die Antwort, wenn es funktioniert hat – DroidNoob

0

Ändern Sie diese

if (order.expeditionPlaces.length >0) 

zu

ersetzen

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

Mit

Ein gängiger Ansatz besteht darin, einen Kurzschluss mit OR || zu verwenden, um Fehler zu vermeiden, wenn Nullwerte oder im Wesentlichen falsche Werte empfangen werden, wenn ein Standardwert erwartet wird.

können Sie immer versuchen, die Grenzfälle

  • (string_var || '').<someStringFunction>() oder (string_var || '').length
  • (array_var || []).length oder (array_var || []).<someArrayFunction>()

Ihre Probleme verschwinden magisch zu behandeln.

Sie können || {} verwenden, wo ein Objekt erwartet wird, und so weiter.

Ich hoffe, das hilft.

Verwandte Themen