前端面试题：怎么判断一个对象是否是 React 元素？

大叔爱吃猕猴桃

怎么判断一个对象是否是 React 元素？

如果想要判断一个对象是否是 React 元素，可以使用 React.isValidElement() 方法进行判断。该方法接收一个参数，返回一个布尔值，用于表示指定的对象是否是 React 元素。

以下是一个示例代码：

import React from 'react';

const MyComponent = () => {
  return <div>Hello, world!</div>;
}

const elem = <MyComponent />;

console.log(React.isValidElement(elem)); // true
console.log(React.isValidElement({}));   // false

在上述代码中，定义了一个简单的组件 MyComponent，并通过 JSX 语法创建了一个 React 元素 elem。然后，使用 React.isValidElement() 方法对 elem 和一个普通对象 {} 进行判断，并输出结果。

需要注意的是，React.isValidElement() 方法只能用于判断是否为 React 元素，并不能判断元素的类型和其他属性。如果需要获取元素的类型或其他属性，可以直接访问元素的属性，例如 type、props、key 等。