react-objecteditor

An <ObjectEditor/> React component.

Interactive

{
array
[
0
1
2
3
//
4
]
boolean
date
number
object
{
array
[
0
1
2
3
//
4
]
boolean
date
number
regexp
//
string
}
regexp
//
string
}

onChange

{
array
[
0
true
1
2025-05-21
2
123
3
/[a-z]\d{9}/i
4
abc
]
boolean
true
date
2025-05-21
number
123
object
{
array
[
0
true
1
2025-05-21
2
123
3
/[a-z]\d{9}/i
4
abc
]
boolean
true
date
2025-05-21
number
123
regexp
/[a-z]\d{9}/i
string
abc
}
regexp
/[a-z]\d{9}/i
string
abc
}

Original

{
array
[
0
true
1
2025-05-21
2
123
3
/[a-z]\d{9}/i
4
abc
]
boolean
true
date
2025-05-21
number
123
object
{
array
[
0
true
1
2025-05-21
2
123
3
/[a-z]\d{9}/i
4
abc
]
boolean
true
date
2025-05-21
number
123
regexp
/[a-z]\d{9}/i
string
abc
}
regexp
/[a-z]\d{9}/i
string
abc
}

Empty Object

{
}