javascript - 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 .

在你的例子中，<SomeComponent value={data.value} label={data.label} />是 ReactElement和 component是 ReactComponent .

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