Как заставить мой собственный курсор работать в приложении create-реагировать? - PullRequest
Новая
       6

Как заставить мой собственный курсор работать в приложении create-реагировать?

0 голосов
/ 23 октября 2018

Я использую приложение create-Reaction-app и создал кнопку.В пределах (в стиле CSS для этой кнопки) я использовал курсор: «url (Pin.png), auto», но мой курсор не изменился!Я могу изменить его на любой другой встроенный тип курсора (например, указатель, авто, текст, перекрестие и т. Д.), Но когда я пытаюсь сделать это png (и пробовал svg также), он не работает.

Если я попытаюсь просто отобразить png на странице, она будет работать нормально.Png живет в моем каталоге src вместе с остальными моими js / jsx файлами, как и другой png, который корректно отображается в качестве фона.

Я установил resol-url-loader, но это тоже не помогло.

<div>
<button 

style={{cursor: "url(Pin.png), auto;", position: "absolute", 
top: "35%", right: "11%", height: "340px", width: "1010px", border: "0px", 
outline: "none", background: "transparent"}} 

onClick={this.openJoyModal}> 
</button>
</div>

1 Ответ

0 голосов
/ 23 октября 2018

Вы должны импортировать его, как @JulioBetta сказал в комментариях import Pin from 'src/Pin.png';.

При загрузке страницы в браузере, по умолчанию React ищет в каталоге public , а не в src при выполнении таких операций, как загрузка изображения из 'Pin.png' или 'assets/images/Pin.png', если изображение и т. Д. Не были импортированы.Тогда изображение должно быть в правильном каталоге src .

...