React:如何从嵌套对象向state对象添加Ids数组

constructor(props) {
  super(props);
  this.state = {
    ids: []
  };
}

addIdsToArray(obj) {
  if (typeof obj === 'object' && obj !== null) {
    if (Array.isArray(obj)) {
      obj.forEach(item => this.addIdsToArray(item));
    } else {
      Object.values(obj).forEach(value => this.addIdsToArray(value));
    }
  } else if (typeof obj === 'string' || typeof obj === 'number') {
    this.setState(prevState => ({
      ids: [...prevState.ids, obj]
    }));
  }
}

componentDidMount() {
  const nestedObject = {
    id: 1,
    name: 'John',
    children: [
      {
        id: 2,
        name: 'Jane',
        children: [
          {
            id: 3,
            name: 'Bob'
          }
        ]
      }
    ]
  };
  this.addIdsToArray(nestedObject);
}

render() {
  const { ids } = this.state;
  return (
    <div>
      <ul>
        {ids.map(id => (
          <li key={id}>{id}</li>
        ))}
      </ul>
    </div>
  );
}