«reactjs» etiketlenmiş sorular

Sayfa sunucu tarafında işlenir ve kullanıcı arabiriminde titreşim değişikliklerini önlemek için bana Next.js kullanarak bana gönderilmeden önce kullanıcı giriş olup olmadığını bilmek gerektiğinde bir durum var. Kullanıcının zaten bu HOC bileşenini kullanarak giriş yaptığında bazı sayfalara erişmesini nasıl önleyebileceğimi anlayabildim ... export const noAuthenticatedAllowed = (WrappedComponent: NextPage) => { const …

10 javascript  reactjs  typescript  next.js 

Harici (node_modules) desen kütüphanemden bileşenler oluşturuyorum. Benim ana App, benim geçiyorum Linkgelen örneği react-router-domşöyle Harici kütüphanelerin bileşenine: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> Kütüphanemde şu şekilde işler Link: const RouterLink = withLinkProps.routerLink; …

10 javascript  reactjs  react-router-dom 

Firebase kimlik doğrulama modeli tarafından oluşturulan özniteliklerle birleştirilen bir kullanıcı koleksiyonunda depolanan bir öznitelik olan bir kullanıcı adı almak nasıl anlamaya çalışıyorum. Bana kimlik doğrulama aracında firebase topladığı sınırlı alanları veren authUser erişebilir ve sonra (aynı uid kullanan) ilgili kullanıcı koleksiyonuna oradan almaya çalışıyorum. Ben bir tepki bağlam tüketici ile …

10 reactjs  firebase  google-cloud-firestore  firebase-authentication 

Kafamı bu soruna getirmeye çalışıyorum ama buna güçlü bir cevap bulamadım. UseMutation kancasını kullanarak bir oturum açma mutasyonu yürütmeye çalışıyorum. TLDR; Seçeneklerde geçen onError ile kullanım tarafından bana verilen hata arasındaki farkın tam olarak ne olduğunu bilmek istiyorum İşte kod snippet'im const [login, { data, loading, error }] = useMutation(LOGIN_QUERY, …

10 reactjs  graphql  react-apollo  apollo-client 

send-messageMetin kutusunu seçtiğinizde ve sanal klavyeyi açtığınızda, en alttaki mesaj hala görüntülenmekte olan diğer mobil sohbet uygulamalarını taklit etmeye çalışıyorum . Bunu CSS ile inanılmaz bir şekilde yapmanın bir yolu yok gibi görünüyor, bu nedenle JavaScript resize(klavyenin açılıp kapatıldığı zaman öğrenmenin tek yolu) olaylar ve kurtarmaya manuel kaydırma. Birisi bu …

10 javascript  android  html  css  reactjs 

Google, yukarıdaki 3 pop-up'ı web sitemde google'ı kullanarak kaydolmaya çalıştıklarında kullanıcılara gösterir, ancak kaydolmaya çalıştığımda bana aynı pop-up pencereyi göstermez. Gördüğüm sadece bu - Bu 3 ayrı pop-up web sitemden büyük düşüşlere neden oluyor. Bu 3 farklı izin açılır penceresini nasıl kaldırabilirim? Google Giriş düğmesi ayrıntıları - React Google Login'i …

10 reactjs  google-calendar-api  google-signin  google-apps  google-login 

Bir tepki app bir firestore zaman damgası görüntülemek nasıl anlamaya çalışıyorum. Oluşturulan alan adlı bir firestore belgem var. Çıktı listesine dahil etmeye çalışıyorum (ilgili bitlerin ayıklanması, böylece tüm alanların listesini okumak zorunda değilsiniz). componentDidMount() { this.setState({ loading: true }); this.unsubscribe = this.props.firebase .users() .onSnapshot(snapshot => { let users = []; …

10 javascript  reactjs  firebase  google-cloud-firestore  unix-timestamp 

ReactSwipableView paketini kullanan Material ui SwipeableViews kullanıyorum, bu hatayı konsolda alıyorum reakt-dom.development.js: 12466 Uyarı: componentWillReceiveProps yeniden adlandırılmıştır ve kullanılması önerilmez. Ayrıntılar için bakınız. Veri alma kodunu veya yan efektleri componentDidUpdate'e taşıyın. Sahne değiştiğinde durumu güncelliyorsanız, kodlama tekniklerini kullanmak veya statik getDerivedStateFromProps komutuna taşımak için kodunuzu yeniden düzenleyin. Daha fazla bilgi …

10 reactjs 

Ben Nginx ve NodeJS sunucusu ile teslim Gzip kullanarak Next.js ile yazılmış kodu sıkıştırmak çalışıyorum. curl -H "Content-Encoding: gzip"Doğrulamak için kullandığımda config çalışıyor gibi görünüyor . Ancak gerçek tarayıcıya (Chrome, Firefox) gelip Content-Encoding: gzipözelliği Yanıt Başlıkları'nda bulamıyorum . Bunun yerine X-Content-Encoding-Over-Network: gziportaya çıktı. Google Deniz Feneri'ni site üzerinden test etmek …

10 node.js  reactjs  nginx  gzip  next.js 

Bazı eyalet değiştiğinde bir toogle olan özel bir kanca yapıyorum. Bir dizideki herhangi bir durumu geçirebilmeniz gerekir. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, [...dependencies]) return toggle } export default …

10 reactjs  react-native  eslint  react-hooks 

geliştirme ortamında, benim app gayet iyi çalışıyor. Üretim ortamında hatayla kilitleniyor: Uncaught TypeError: (0 , _react.useEffect) is not a function React ve useEffect'i içe aktardığım yerde oluşturduğum bir dosyada olur: import React, { useEffect } from 'react' const X = () => { useEffect(() => { ... }) ... } …

10 javascript  reactjs  react-hooks  parceljs 

Internet bağlantısı kullanılabilirlik bayrağı içeren bir React bileşeni var. Kullanıcı arabirimi öğeleri, gerçek zamanlı duruma göre dinamik olarak değiştirilmelidir. Ayrıca, işlevler bayrağın değişikliklerinden farklı davranır. Geçerli uygulamam, aralık ve güncellemeleri kullanarak Axios kullanarak uzak API'yi her saniyede yoklar. Ben asgari hesaplama maliyeti ile devlet 1 saniyelik hata kaldırmak için bu …

10 javascript  reactjs  axios 

Bugün aniden Typcript ile inşa edilen bir projede hatalar almaya başladım. (Veya referans verdiği herhangi bir şeyin) haftalar içinde değiştirilmeyen bir dosyada, almaya başladım: ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined Bu hata ilk olarak bizim CI üzerinde ortaya çıktı, el ile sunucu üzerinde oluşturularak çoğaltılabilir …

10 reactjs  typescript  create-react-app  react-scripts  react-typescript 

Bir paket açmaya çalışıyorum, ancak android çalışırken bir sonraki mesajı gösteriyor 2020-01-05 23: 15: 45.366 26210-26210 / com.note.principal W / .note.principa: Gizli alana erişme Landroid / view / View; -> mAccessibilityDelegate: Landroid / view / View $ AccessibilityDelegate; (açık gri liste, yansıma) 2020-01-05 23: 15: 45.470 26210-26242 / com.note.principal E …

10 javascript  android  reactjs  react-native  gradle 

Bu GitHub sayısında temel olarak değiştirmeyi önerdim: x = useCallback( ... , []); Kime: x = useRef( ... ).current; İkisi aynı ama useRefReact ile bağımlılıkları karşılaştırmıyor. Hangi soruya bir cevap geldi: Bağımlılığı olmayan bir kullanımın, anem veya useCallback'in useRef'ten daha iyi bir seçim olacağı hiç bir durum var mı? Birini …

10 reactjs  react-functional-component