如何获取<option>组件的文本？

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适合您。