React.isValidElement为false

Question

react.js Top-Level API发生了一些奇怪的事情。

这是我的mocha测试的摘录：

it.only('should identify a ReactElement', function () {
  var component = ReactTestUtils.renderIntoDocument(
    <SomeComponent value={data.value} label={data.label} />
  );

  console.log(React.isValidElement(component));
  expect(React.isValidElement(component), 'to be truthy');
  expect(true, 'to be truthy');
});

问题是，isValidElement返回false ...因为我刚刚创建该死的元素，所以没有多大意义。

有任何线索吗？

Answer 1

ReactTestUtils.renderIntoDocument(element)接收ReactElement并返回ReactComponent。

如果React.isValidElement(element)为element，则

ReactElement只会返回true。

在您的情况下，<SomeComponent value={data.value} label={data.label} />是ReactElement而component是ReactComponent。

Here's a guide关于您可能会觉得有用的React术语。