Javascript ReactJS：如何列出一个状态的所有属性？ 我对ReaTjs是新的，但我有Python和C++的经验。

我想做的是一个函数（或者一个类？），它接受某个对象作为输入，并在屏幕上显示其状态的所有属性

我不知道这些属性可能是什么，我不知道有多少，我想，这些属性可能有自己的属性

是否有某种函数能够循环遍历状态中的所有属性？我可以使用哪些其他方法？

您应该使用。 它返回一个包含所有属性名称的数组

您还可以使用，返回键的所有值

e、 g

const state={
嘿：123，
姓名：'edu'
}
console.log（Object.keys（state））

您应该使用。 它返回一个包含所有属性名称的数组

您还可以使用，返回键的所有值

e、 g

const state={
嘿：123，
姓名：'edu'
}
console.log（Object.keys（state））

确保可以将对象转换为数组并映射到其上，例如：

function renderProps(obj) {
  return Object.entries(obj).map(([key, value]) => (
    <div key={key}>{key}: {JSON.stringify(value)}</div>
  ));
}

功能渲染器操作（obj）{
返回Object.entries（obj.map）（[key，value]）=>(
{key}:{JSON.stringify（value）}
));
}

用法：

return (
  <div>
    <p>State:</p>
    {renderProps(this.state)}
    <p>Props:</p>
    {renderProps(this.props)}
  </div>
)

返回(
声明：

{renderProps（this.state）}
道具：

{renderProps（this.props）}
)

演示：

---

如果未将

值转换为字符串（例如
JSON.stringify
），则不应渲染
值，因为如果
值
是一个对象或数组，它将抛出一个未处理的异常。
确保可以将该对象转换为数组并映射到其上，例如：

function renderProps(obj) {
  return Object.entries(obj).map(([key, value]) => (
    <div key={key}>{key}: {JSON.stringify(value)}</div>
  ));
}

功能渲染器操作（obj）{
返回Object.entries（obj.map）（[key，value]）=>(
{key}:{JSON.stringify（value）}
));
}

用法：

return (
  <div>
    <p>State:</p>
    {renderProps(this.state)}
    <p>Props:</p>
    {renderProps(this.props)}
  </div>
)

返回(
声明：

{renderProps（this.state）}
道具：

{renderProps（this.props）}
)

演示：

如果未将
value
转换为字符串（例如
JSON.stringify
），则不应渲染
value，因为如果
value
是一个对象或数组，它将抛出一个未经处理的异常。
仅当属性没有内部属性时，此答案才有效@Dominic有正确的答案只有当属性没有内部属性时，这个答案才有效@多米尼克有正确的答案