«reactjs» etiketlenmiş sorular

Birkaç hafta önce çıkan React Router'ın yeni kullanım geçmişini kullanıyorum. React-router versiyonum 5.1.2. Tepkim 16.10.1 sürümündedir. Kodumu altta bulabilirsiniz. Yine de tepki yönlendiriciden yeni useHistory'i içe aktardığımda şu hatayı alıyorum: Uncaught TypeError: Cannot read property 'history' of undefined React-router'daki bu hattın neden olduğu function useHistory() { if (process.env.NODE_ENV !== "production") …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

React Material-UI ( https://material-ui.com/components/autocomplete/ ) belgelerine atıfta bulunuyorum . Demo kodunda, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Nasıl çalıştığını anladım, ancak seçilen değeri nasıl alacağımdan emin değilim. Örneğin onChange, seçime göre bazı eylemler yapabilmem …

17 javascript  reactjs  material-ui 

Ben daktilo ile tepki yönlendirici v5.1.2 UseHistory kanca kullanıyorum? Birim testi çalıştırırken sorunum var. TypeError: undefined öğesinin 'history' özelliği okunamıyor. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My questions container', () …

17 reactjs  typescript  react-router  jestjs  enzyme 

Yaklaşık 2 yıl önce oluştur-tepki-uygulamasını kullanarak oluşturulmuş bir reaksiyon uygulamam var (uygulama A) ve çıkarıldı. Uygulama bir commonjs2 modülü olarak dışa aktarılır ve next.js projesinde (uygulama B) kullanılmak üzere bir NPM paketinde gönderilir. A uygulamasında kullandığımız bazı genel bileşenleri olan bazı paketleri güncelleyene kadar her şey sorunsuz gitti. B uygulamasında …

16 reactjs  npm  webpack  next.js 

Material-ui'yeMyStyledButton dayalı özel bir düğme ( ) yazdım . Button import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others } = …

16 javascript  css  reactjs  jestjs  enzyme 

VS kodunda bir React projesi yazıyorum. VS kodu bu sorunu bir araya geldi. Projemde, bu klasör Vurgulanan öğeleri içerir ve biliyorum ki dosyalarımda bir hata var demektir. Ama resimde , Tüm dosyaları kontrol ettim ancak hata bulunamadı. Böylece bu beni şaşırtıyor. Google'da bu sorunu aradım ve benzer bir github sorunu …

16 reactjs  visual-studio-code 

Üretim sürümünde MERN uygulamamın Giriş bileşenine erişmeye çalışırken, bu resimde gösterilen aşağıdaki tür hatalardan bir dizi alıyorum: Uygulamam ( https://github.com/ahaq0/kumon_schedule ) yerel olarak mükemmel çalışıyor ve bugün daha önce Heroku'da barındırılan mükemmel şekilde çalışıyordu. Bugün yaptığım koddaki tüm değişiklikleri geri almaya çalıştım. Benzer şekilde, malzeme kullanıcı arabirimi bağımlılığını değiştirip değiştirmediğimi …

15 reactjs  typescript  heroku  material-ui  mern 

Ben oluştur-tepki-app tarafından oluşturulan bir tepki uygulaması var. Npm start çalıştırdıktan sonra (start komut dosyası package.json içinde "start" olarak ":" tepki komut dosyaları start "olarak bulunur) konsolda geliştirme sunucusunu her zamanki gibi başlatma ve tarayıcıyı başlatma. Ancak bundan sonra hem konsol hem de tarayıcı kesinlikle hiçbir şey yapmaz. Hata veya …

15 reactjs  npm  create-react-app  react-scripts 

Kısa bir süre önce Expo ile TypeScript kullanmaya başladım. typescript-eslintKodlama sırasında hataların çoğunu yakalayabilmem için tüm linter / formatter entegrasyonlarını yaptım. Kodun derlenip derlenmediğini kontrol etmek için, npx tscarada bir çalıştırıyorum ve buna göre düzeltiyorum. Henüz tam olarak kavramadığım bir şey, sayısız derleme hatası olsa bile uygulamamın neden başarılı bir …

15 reactjs  typescript  react-native  expo 

Ben yeniyim Next.js ve başlangıç sayfasından (yönlendirme nasıl merak ediyorum / ) için / merhaba-nextjs örneğin. Kullanıcı bir sayfa yüklediğinde ve bundan sonra path === / / hello-nextjs adresine yönlendirilip yönlendirilmeyeceğini belirleyin In tepki-yönlendirici biz böyle bir şey yapmak: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" /> // or …

15 html  reactjs  routing  react-router  next.js 

URL parametresi (id) kapmak ve daha fazla bileşeni doldurmak için kullanmak gerekir bir tepki-yönlendirici-dom yol dayalı bir ayrıntılar görünümü yüklemeye çalışıyorum. Rotayı benziyor /task/:idve bileşenim URL'den şu şekilde kapılmaya çalışana kadar bileşenim iyi yükleniyor: import React from "react"; import { useParams } from "react-router-dom"; class TaskDetail extends React.Component { componentDidMount() …

14 reactjs  react-router 

React.forwardRef'in, tepki belgelerinden bir çocuk fonksiyonel bileşenine ref aktarmanın onaylanmış yolu olduğunu görüyorum: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click me!</FancyButton>; Ancak, bunu sadece özel bir …

13 javascript  reactjs  performance 

create-react-appBelgelerde verilen komutu kullanarak yeni bir proje oluşturmaya çalışıyorum, npx create-react-app my-appancak public srcve gibi klasörler içermiyor script.

13 reactjs  create-react-app 

Kullanıcıların mobil cihazlarına yükleyebilmeleri için sonunda bir PWA'ya dönüştürülecek bir React JS web uygulaması oluşturuyorum. Şimdi müşteri bu PWA uygulamalarını elma mağazasına ve google mağazasına göndermenin bir yolunu bulmayı istiyor. Bu yüzden sorgum Progessive Web Uygulamalarını apk veya ipa dosyaları olarak dönüştürmek için araçlarımız olup olmadığıdır, böylece onları elma deposuna …

13 javascript  reactjs  progressive-web-apps 

Ben ikisinin tanımlarını inceledim: Saf işlevler, girişlerini değiştirmeye çalışmayan ve her zaman aynı girişler için aynı sonucu döndüren işlevlerdir. Misal function sum(a, b) { return a + b; } Ve Impure işlevi kendi girdisini değiştiren işlevdir. Misal function withdraw(account, amount) { account.total -= amount; } ReactJs resmi belgelerinden alınan tanımlar …

12 javascript  reactjs  redux