Question

Rax 提供了 isValidElement() 方法，用于判断传入的对象是否为有效 Rax 元素，返回值为 true 或 false。
注意一个概念，组件不等于元素（Component != Element）。

方法

isValidElement(object)

参数

• object 为 Rax 元素，校验通过返回 true，校验失败返回 false

示例

import isValidElement from 'rax-is-valid-element';

const Hello = <h1>Hello </h1>;
const App = () => <div>{Hello}</div>;
console.log('Hello is valid? ', isValidElement(Hello)); 
// => true
console.log('App is valid? ',  isValidElement(App)); 
// => false

参考

Rax 元素（Rax element），它是 Rax 中最小基本单位，我们可以使用 JSX 语法轻松地创建一个 Rax 元素:

const element = <div className="element">I'm element</div>

Rax 中有两种构建组件的方式，即ES6 class和无状态函数。

// ES6
class Hello extemds Component{
  render: function() {
    return <div>Hello, {this.props.name}</div>;
  }
};

// function
function Hello (props) {
  return <div>Hello, {props.name}</div>;
}