typescript中组件的React实例的正确类型是什么

Question

假设我有一个带有2个按钮实例的组件：

export interface GridProps {
  backButton: any;
  nextButton: any;
}

按钮的类型应为React.ReactNode还是React.ReactElement

所以：

export interface GridProps {
  backButton: React.ReactNode;
  nextButton: React.ReactNode;
}

或

export interface GridProps {
  backButton: React.ReactElement<any>;
  nextButton: React.ReactElement<any>;
}

Answer 1

\Illuminate\Database\Eloquent\Model::unguard(); //$this->call(UsersTableSeeder::class); \Illuminate\Database\Eloquent\Model::reguard(); 是将标记传递给子组件的更方便的方法。它包含您可以在JSX中插入的所有内容，如React.ReactNode它在许多React组件库中使用。仅当您要将自定义限制为特定类的元素时才使用<div>{passedContent}</div>。例如React.ReactElement<any>。如果你想克隆传递的元素并为它添加一些道具，它会很有用。