How to use ternary operators and display the data in react js

Question

In this code the newArr is having a data like and i want to display which type=="sent" should be display in right side and other data should be dipalyed on left side . But the issue is data is not diaplying .please help me thanks in advance

  { newArr ? newArr.map((m) => {
            (m.type === "sent") ? 
            <div style={{float:"right"}}>{m.msg}</div>
            : <div style={{float:"left"}}>{m.msg}</div>
          }): null }

yes , how to return this `
{m.msg}
` ` – sonam Dec 26 '20 at 06:14 — sonam, Dec 26 '20 at 06:14
See the linked question. – CertainPerformance Dec 26 '20 at 06:14 — CertainPerformance, Dec 26 '20 at 06:14

score 0 · Answer 1 · answered Dec 26 '20 at 06:14

0

You should return after the condition returned

 `{newArr ? newArr.map((m) => {
      return  (m.type === "sent") ? 
         <div style={{float:"right"}}>{m.msg}</div>
         :<div style={{float:"left"}}>{m.msg}</div>
       }): null }`

answered Dec 26 '20 at 06:14

Harrison Ho

79
1
3

How to use ternary operators and display the data in react js

1 Answers1