javascript - 如何获取 组件的文本？

Question

我正在编写一个测试，用于测试输出 <option> 数组的函数。 Component s。我想测试 <option> s 具有正确的值并显示正确的文本。

我可以检查每个 <option> 的值像这样:

const generatedArrayOfOptionComponents = functionToTest();
const firstOptionComponent = generatedArrayOfOptionCompononts[0];
const optionValue = firstOptionComponent.props.value;

我怎样才能得到firstOptionComponent的文本渲染时会显示吗？

<小时/>

类似问题的答案通常涉及添加事件处理程序并获取所选 <option> 的文本。当它改变时。这对我不起作用，因为我处于测试环境中。在这个测试中，我只有 Component测试返回的对象 - 没有 DOM 环境，并且此特定测试不使用 Enzyme。我怎样才能得到<option>来自原始组件实例本身的组件文本？

Answer 1

在某些情况下，在没有 DOM 的情况下与 React 组件的渲染产品进行交互是很好的；测试是其中之一，同构服务器端 React 是另一个，我确信还有更多。

在这些情况下，ReactDOMServer就在你身边。