Comments (11)
То же самое - проекты со StrictMode
(кое-как) работают на codesandbox, но не работают локально(а также на vercel).
https://codesandbox.io/s/agitated-khayyam-lnstj8?file=/src/App.ts
Здесь можно увидеть баг с двойным отображением маркера - нажимаем на кнопку в строгом режиме - видим два маркера, без строгого режима - ожидаемо один.
При этом этот же проект запущенный локально вообще не работает:
Uncaught TypeError: t is not a constructor
at Function.mountObject (BaseGeoObject.tsx:61:1)
at q.componentDidMount (BaseGeoObject.tsx:34:1)
...
Карта без маркера ошибку не выбрасывает, только с маркером. Хак, который мне удалось придумать, чтобы все-таки заставить маркер появиться - выводить его по setTimeout на уже загрузившуюся карту:
const [showPlacemark, setShowPlacemark] = useState(false)
useEffect(() => {
setTimeout(() => setShowPlacemark(true), 2000)
}, [])
...
{showPlacemark && (
<Placemark geometry={[lat + offset[0], lon + offset[1]]} />
)}
Причем с маленькой задержкой тоже ошибка. Не знаю, насколько эта информация будет полезна, но решил добавить :)
from react-yandex-maps.
В версии с typescript ругает что у YMaps нет опции children.
https://codesandbox.io/s/typescript-forked-q2lt5w?file=/src/index.tsx
from react-yandex-maps.
Благодарю за быстрые ответы. Отваливается оказывается при StrictMode.
Т.е. если обернуть App в React.StrictMode.
from react-yandex-maps.
Хм... в примере от вас работает с StrictMode, но в моем примерном репозиторие отваливается.
from react-yandex-maps.
В версии react-yandex-maps
все как бы работает, но рисует две карты. А в версии @pbe/react-yandex-maps
все как вы описали.
То же самое - проекты со
StrictMode
(кое-как) работают на codesandbox, но не работают локально(а также на vercel).https://codesandbox.io/s/agitated-khayyam-lnstj8?file=/src/App.ts Здесь можно увидеть баг с двойным отображением маркера - нажимаем на кнопку в строгом режиме - видим два маркера, без строгого режима - ожидаемо один.
При этом этот же проект запущенный локально вообще не работает:
Uncaught TypeError: t is not a constructor at Function.mountObject (BaseGeoObject.tsx:61:1) at q.componentDidMount (BaseGeoObject.tsx:34:1) ...
Карта без маркера ошибку не выбрасывает, только с маркером. Хак, который мне удалось придумать, чтобы все-таки заставить маркер появиться - выводить его по setTimeout на уже загрузившуюся карту:
const [showPlacemark, setShowPlacemark] = useState(false) useEffect(() => { setTimeout(() => setShowPlacemark(true), 2000) }, []) ... {showPlacemark && ( <Placemark geometry={[lat + offset[0], lon + offset[1]]} /> )}Причем с маленькой задержкой тоже ошибка. Не знаю, насколько эта информация будет полезна, но решил добавить :)
from react-yandex-maps.
@kumold @turtlecrab пофикшено, сейчас должно и на локалке работать)
https://codesandbox.io/s/nostalgic-lehmann-f0o63o?file=/src/App.tsx
from react-yandex-maps.
Биндиги уже работают на React18
https://codesandbox.io/s/pbe-react-yandex-maps-react-18-xe2o98?file=/src/index.js
from react-yandex-maps.
У себя добавил children для проверки, но отваливается уже в других местах.
from react-yandex-maps.
Собрал примерный проект с 18 реактом.
https://github.com/kumold/react-yandex-maps-example
Там можно посмотреть, как отваливается карта.
from react-yandex-maps.
@kumold карта работает, просто контейнер должен иметь размеры)
https://codesandbox.io/s/pbe-react-yandex-maps-placemark-y0lq62?file=/src/App.tsx
from react-yandex-maps.
У меня работает! Спасибо!
from react-yandex-maps.
Related Issues (20)
- Получение объектов из кластера по клику HOT 1
- Не работают события Placemark в React 18
- Defaultprops deprecated HOT 4
- Ошибка при закрытии карты на react18 HOT 3
- Как поменять по клику цвет кластера
- Как отключить скролл карты по колесику мыши или touch скроллу в мобилке? HOT 1
- !warn default props HOT 1
- Почему не доступны PropsType в связке с TS?
- Не работает функционал геолокации, так как в запросах к API отсутствует заголовок Referer HOT 1
- Скрыть ненужные элементы
- Указание suggest options types HOT 1
- Отключение информации от Яндекса при клике на объект HOT 2
- Редактирование <Polyline/>
- Suggest is not available. See https://yandex.com/dev/jsapi-v2-1/doc/en/v2-1/ref/reference/suggest
- Как работать с Route и MultiRoute?
- Handling API key errors
- Невозможно получить список всех объектов в кластере
- Clusterer Pie Chart
- Двойной рендер карт при Strict Mode
- Warning: Unknown: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-yandex-maps.