object Object in option

user_13557786 0
Viewed 741

I try to get a list of options, component Addreess returns return adrress.features.find(place => place.id.match(region)).text, in tag <p></p> I get actual String, but in options object Object. Why?

<select name="cities" id="cities">
          {data.allContentfulBlogPost.edges.map((edge) => {
            return (
              <Adrress x={edge.node.location.lon} y={edge.node.location.lat} />
            )
          }
          )}
     </select>

Output : <select name="cities" id="cities">WarsawManchester</select>

if I change to

<option value=""><Adrress x={edge.node.location.lon} y={edge.node.location.lat} /></option>

Output :

<select name="cities" id="cities">
  <option value="">[object Object]</option>
  <option value="">[object Object]</option>
</select>
reactjs javascript
1 Answers

<option> tag only accepts string value inside it. You are passing a JSX expression which is not a string and it is rendered as [object Object] in browser.

user_123645580
Related