全部问题

如何使箭头指向活动元素，以便当活动元素发生变化时，箭头移动到它

export const GeolocationHead = () => {
const cities = ['Москва', 'Санкт-Петербург']; 
const [activeIndex, setActiveIndex] = useState<number>(0); 
const [hoverIndex, setHoverIndex] = useState<number | null>(null);

const handleMouseEnter = (index: number): void => {
    setHoverIndex(index); 
};

const handleMouseLeave = (): void => {
    setHoverIndex(null);
};

const handleButtonClick = (index: number): void => {
    setActiveIndex(index);
};

return (
    <div className={styles['geolocation__head']}>
        <div className={styles['geolocation__head-title']}>
            <p className={styles['geolocation__head-title--main']}>Работаем</p>
            <p className={styles['geolocation__head-title--sub']}>по всей стране</p>
        </div>

        <div className={styles['geolocation__head-button']}>
            <p>Выберите интересующий шоурум:</p>
            {cities.map((city, index) => {
                const isActive = activeIndex === index; 
                const isHovered = hoverIndex === index; 

                return (
                    <button
                        key={index}
                        className={`
                            ${styles['btn']} 
                            ${isHovered ? styles['hovered'] : ''} 
                            ${isActive && hoverIndex === null ? styles['active'] : ''}
                        `}
                        onClick={() => handleButtonClick(index)}
                        onMouseEnter={() => handleMouseEnter(index)} 
                        onMouseLeave={handleMouseLeave}
                    >
                        {city}
                    </button>
                );
            })}
        </div>
    </div>
);

};

export const GeolocationMap = () => {
return (
    <div className={styles['geolocation__map']}>
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d577332.5658670563!2d36.726216496938264!3d55.58103355220319!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b54afc73d4b0c9%3A0x3d44d6cc5757cf4c!2z0JzQvtGB0LrQstCwLCDQoNC-0YHRltGP!5e0!3m2!1suk!2sua!4v1729377229655!5m2!1suk!2sua" width="600" height="450" style={{ border: 0 }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade"></iframe>

        <div className={styles['geolocation__map-info']}>
            <div className={styles['geolocation__map-info-column']}>
                <p className={styles['geolocation__map-info-street']}><b>Москва <br /> ул. Тимирязевская, д. 1, стр. 2</b></p>
                <p className={styles['geolocation__map-info-phone']}><b>+7 (929) 590 82-87</b></p>
            </div>

            <div className={styles['geolocation__map-info-column']}>
                <div className={styles['geolocation__map-info-gmail']}>
                    <a href="">[email protected]</a> 
                    <p>По вопросам сотрудничества</p>               
                </div>

                <div className={styles['geolocation__map-info-social']}>
                    <p>Подписывайтесь на наши соц.сети:</p>

                    
                </div>
            </div>
        </div>
    </div>
);

};

.geolocation__map{
display: grid;
grid-template-columns: 1fr 1fr;
border: 1px solid #E2AE80;
border-radius: 30px;
padding: 40px;

有一个 DataFrame，您需要在其中比较两列，以便np.nan两np.nan列中的比较产生True.

下面的代码返回两行。
np.nan比较为False.

df = pd.DataFrame({'Город1': ['Москва', 'Ярославль', 'Псков', np.nan,1],
    'Город2': ['Москва', 'Самара', 'Ростов', np.nan,1]})
df[ df['Город1'] == df['Город2'] ]

写这样的比较对我来说不起作用：

df[ (df['Город1'] == df['Город2']) | (df['Город1'].isnull()& df['Город2'].isnull()) ]

我想把比较作为一个条件。

谢谢你！

我们需要一种将英语（用拉丁语书写）名字音译为俄语的方法，同时考虑发音。

我对实用的转录感兴趣，而不仅仅是音译。该链接有一个包含规则的巨大表格，但我什至无法想象如何对它们进行全部编码，并且在许多地方它仍然没有指定在哪种情况下使用哪种音节变体。也许您需要一本大字典。

有一个内置的库transliterate和相应的函数translit("Old White End", "ru")，但它完全没有用，因为它返回Олд Wхите Енд你想看到的东西Олд Уайт Энд。或Дэвис Корт不Давис Цоурт。

有没有现成或半现成的解决方案？

有源数据按ID排序

MySQL：SELECT id, book_id FROM chapters ORDER BY id DESC LIMIT 5;

拉拉维尔：Chapter::select('id', 'book_id')->orderBy('id', 'DESC')->take(5)->get();

现在一切都是正确的，但没有分组。

向请求添加分组：

MySQL：SELECT id, book_id FROM chapters group by book_id ORDER BY id DESC LIMIT 5;

拉拉维尔：Chapter::select('id', 'book_id')->groupBy('book_id')->orderBy('id', 'DESC')->take(5)->get();

我们到达出口

问题：如何以这样的方式（MySQL 或 Laravel）构造一个查询，使输出按“id”精确排序并且没有重复的“book_id”？

也就是说，相对于源表，您需要得到如下内容：

需要根据历史数据将随机数量的客人分配到时间间隔内。是否可以让 Excel 计算出某个时间段内客人总数的百分比，并根据星期一测试列中的旧数据分发一个新的随机数？例子：

我研究了通过数据透视表或输入每个时间段的手动百分比来解决此问题的方法。也许有一个特殊的工具可以解决这个问题？