Printing list of array objects isn't working react native

Question

I have a list of array objects in a python api and I want to print them in a React native app as a list. But the array objects are printing as a paragraph.

python code

return {
        "data": {
            'best_food': ["IceCream", "Milk", "Chocolate", "Cookies", "Cake"]
            if pred_value == 1
            else ["Apple", "Banana", "Orange", "Pineapple", "Mango"]
            if pred_value == 2
            else ["Meat", "Fish", "Eggs"]
            if pred_value == 3
            else 'Something Went Wrong',
        }

React native fetch data with axios

const handleSubmit = (e) => {
    e.preventDefault();
    const params = {
      type,
      pref,
      age,
      time,
    };

    axios
      .post("http://0.0.0.0:8080/foodsuggest", params)
      .then((res) => {
        const data = res.data.data;
        const parameters = JSON.stringify(params);
        const msg = `${data.best_food}`;
        setMsg(msg);
      })
      .catch((error) => alert(`Error: ${error.message}`));
  };

Display details

<View style={styles.textContainer}>
    <Text style={styles.smallText2}>{msg}</Text>
</View>

I'm getting the output like this

IceCream,Milk,Chocolate,Cookies,Cake

But I want output as a list like below

Ice cream
Milk
Chocolate
Cookies
Cake

How can I change the code for print like this? Any help would be greatly appreciated.

Check the docs ^^

moonwave99
– moonwave99

2022-10-08 17:26:55 +00:00
Commented Oct 8, 2022 at 17:26 — moonwave99
– moonwave99, Commented Oct 8, 2022 at 17:26

Haneen · Accepted Answer · 2022-10-08 17:34:26Z

1

I think it's because you are rendering an array instead of a normal string.

You will need to map around the values in the array when returning the view and render each text node as you want.

<View>
      {msgs.map(msg => (
        <Text>{msg}</Text>
      ))}
</View>

answered Oct 8, 2022 at 17:34

Haneen

1,1661 gold badge9 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Printing list of array objects isn't working react native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related