我正在编写一个测试，用于测试输出 <option> 数组的函数。 Component s。我想测试 <option> s 具有正确的值并显示正确的文本。
我可以检查每个 <option> 的值像这样:
const generatedArrayOfOptionComponents = functionToTest();
const firstOptionComponent = generatedArrayOfOptionCompononts[0];
const optionValue = firstOptionComponent.props.value;
我怎样才能得到firstOptionComponent的文本渲染时会显示吗？
类似问题的答案通常涉及添加事件处理程序并获取所选 <option> 的文本。当它改变时。这对我不起作用，因为我处于测试环境中。在这个测试中，我只有 Component测试返回的对象 - 没有 DOM 环境，并且此特定测试不使用 Enzyme。我怎样才能得到<option>来自原始组件实例本身的组件文本？
最佳答案
在某些情况下，在没有 DOM 的情况下与 React 组件的渲染产品进行交互是很好的；测试是其中之一，同构服务器端 React 是另一个，我确信还有更多。
在这些情况下，ReactDOMServer就在你身边。
关于javascript - 如何获取 <option> 组件的文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40251246/