Displaying an array as a string in react native

Question

I want to display an array as a string which is seperated by commas in react native. This is my code.

let currentWorkout = this.props.currentWorkout;
// tools is an array. want to display it as valueOne, valueTwo, valueThree etc.
    let tools = JSON.stringify(currentWorkout.tools);

    return (
      <View style={styles.container}>
        <WorkoutDetail
          workout={this.props.currentWorkout}
          workoutImage={currentWorkout.workoutImage}
          onPressWorkout={() => alert("CONTINUE WORKOUT")}
        />
        <View style={styles.workoutInfo}>
          <KeyValueText header="Tools" value={tools} /> ////
        </View>
      </View>

How can I achieve this?

Khriz · Accepted Answer · 2018-05-15 12:58:34Z

1

You could do

let tools = currentWorkout.tools.join(', ');

instead of JSON.stringify and I think you'll got the results you want.

Check the documentation for the join method.

answered May 15, 2018 at 12:58

Khriz

6,0286 gold badges36 silver badges41 bronze badges

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

4 Comments

Shashika Virajh Over a year ago

Thanks Khriz. But when I used this, it says, currentWorkout is undefined.

Khriz Over a year ago

Well then currentWorkout.tools is not an array, you should check this.props.currentWorkout because you are passing no props to the component

Shashika Virajh Over a year ago

It worked after this Khriz. let tools = currentWorkout.tools ? currentWorkout.tools.join(", ") : ""; Thank you very much.

Shashika Virajh Over a year ago

Thank you very much

Collectives™ on Stack Overflow

Displaying an array as a string in react native

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related