react-native：如何正确格式化对象值

Question

I am trying to create an empty object . First, each field will have a name with empty values. Every thing works fine but I am having a trouble when formatting the name field

This is my code:

@observable member = {
//This name field doesn't work
    [{name:''}] :
    {
      age: '',
      email: '',
      job:'',
      info: [
        {
          email: '',    
          phone:'',
          address: ''
        }
      ],
    }
  }

When I console.log(member) I get this:

[object Object]: {dots: "", selected: "", day: "", task: Array(1), name: ""}

Instead of [object Object] I want to get name:'' Is it possible to do this?

Answer 1

Objects are written as name : value pairs, your object doesn't have a proper key which is [{name: ''}] . You can do the following to properly format your object.

@observable member = {
 // will store names in array
 // or just do 
 // name: '',
 name: '',
 age: '',
 email: '',
 job:'',
 info: [
    {
      email: '',    
      phone:'',
      address: ''
      }
   ],
}

or

@observable member = {
  names : [{'name': ''}],
  memberInfo: {
  age: '',
  email: '',
  job:'',
  info: [
    {
      email: '',    
      phone:'',
      address: ''
    }
  ],
  }
}

Then access the value, like

// if it's the array
member.names[0].name
// or if it's not an array
member.name

Answer 2

You can convert Javascript object to JSON using JSON.Stringify().

console.log(JSON.Stringify(member).name)

Should do the job.