React.isValidElement 假阴性

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 术语，您可能会觉得有用。