小编sta*_*ser的帖子

我想将鼠标悬停在带有 class 的元素svg内的元素上。该元素有标题标签divmainsvgHeader element

这是代码：

<div class="main">
    <div class="box">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell">
            <div>
                <svg></svg>
                <span> //want to hover on this element
                    <svg>
                        <title>Header element</title>
                    </svg>
                </span>
            </div>
        </div>
    </div>
</div>

从上面的代码可以看出，我想将鼠标悬停在包含title 的span元素上。svgHeader element

我尝试过使用代码：

cy.get(`.main>div`)
    .contains('svg', 'Header element')
    .trigger('mouseover')

但这不起作用。

有人可以帮我使用 Cypress 找到这个 span 元素吗？谢谢。

我有一个如下所示的对象数组

const SelectedOptions = [
    {
        label: 'label1',
        value: '1',
    },
    {
        label: 'label2',
        value: '2',
    }
];

我在选择菜单的 onChange 方法中使用这个 selectedOption 数组，如下所示

const App = () => {
    return (
        <Select
            options={options}
            onChange((selectedOptions) => {
                form.setFieldValue('optionsChosen', selectedOptions);
            });
        />
    );
}
         

现在上面 onChange 方法的问题是，我只想将字段 OptionsChosen 设置为值数组。

因此，在 onchange 方法中，我想通过 selectedOptions 进行映射并仅提取值字段并将其放入 optionsChosen 字段。

所以 optionsChosen 字段的预期数组如下所示，

["1", "2"];

我该怎么做。有人可以帮我解决这个问题吗？谢谢。

我想使用一个 useMemo 而不是许多 React.useMemo 块。

下面是我的代码，

const App = () => {
    const isChecked = React.useMemo(() => {
        const source = get(data, 'somesource');
        return source === 'source1' ||
            source === 'source2';
    }, [data]);
    const details = React.useMemo(() => {
        return get(data, 'details');
    }, [data]);
    const types = React.useMemo(() => {
        return get(data, 'types', []);
    }, [data]);
   
    return (
        //some jsx
    );
}

我如何重写上面的代码以使用一个 useMemo. 有人可以帮我解决这个问题吗？我是使用反应的新手。谢谢。