«reactjs» etiketlenmiş sorular

Bir hizmete / fabrikaya mantık çıkarabildiğim ve kontrolörlerimde kullanabileceğim açısal dünyadan geliyorum. Bir React uygulamasında aynı şeyi nasıl başarabileceğimi anlamaya çalışıyorum. Diyelim ki kullanıcının şifre girişini doğrulayan bir bileşenim var (gücü). Bu mantık oldukça karmaşık, bu yüzden onu kendi bileşenine yazmak istemiyorum. Bu mantığı nereye yazmalıyım? Bir mağazada fluks kullanıyorsam? …

179 reactjs  reactjs-flux 

React'deki satır içi CSS modelini oldukça beğendim ve kullanmaya karar verdim. Ancak :hoverve benzer seçicileri kullanamazsınız . Peki, satır içi CSS stillerini kullanırken fareyle üzerine gelindiğinde vurgulamanın en iyi yolu nedir? #Reactjs'den bir öneri, bir Clickablebileşene sahip olmak ve bunu şu şekilde kullanmaktır: <Clickable> <Link /> </Clickable> ClickableBir sahiptir hovereddevlet …

178 reactjs 

ReactJS bir bileşenin durumunu değiştirmeye çalışıyorum ama belirten bir hata alıyorum: Maksimum güncelleme derinliği aşıldı. Bu, bir bileşen defalarca componentWillUpdate veya componentDidUpdate içinde setState öğesini çağırdığında meydana gelebilir. Reaksiyon, sonsuz döngüleri önlemek için iç içe güncellemelerin sayısını sınırlar. Kodumda sonsuz döngü görmüyorum, kimse yardımcı olabilir mi? ReactJS bileşen kodu: import …

178 javascript  reactjs  react-native 

Ben create-tepki-app kullanıyorum ve tercih etmiyorum eject. @ Font-face üzerinden içe aktarılan ve yerel olarak yüklenen fontların nereye gitmesi gerektiği açık değildir. Yani, yüklüyorum @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Baska öneri? -- DÜZENLE Dan'ın cevabına atıfta bulunduğu gist …

177 css  reactjs  fonts  webpack  create-react-app 

Kullanarak bir React projesiyle çalışıyorum ve projeyi create-react-appbaşlatmak için iki seçeneğim var: İlk yol: npm run startşöyle tanımı ile package.json: "start": "react-scripts start", İkinci yol: npm start Bu iki komut arasındaki fark nedir? Ve amacı react-scripts startnedir? Tanımı bulmaya çalıştım, ancak bu isimde bir paket buldum. Hala bu komutun ne …

177 reactjs  npm 

Bir ortam olarak, bir Cloud9.io ubuntu VM Online IDE kullanıyorum ve bu hatayı yalnızca Webpack dev sunucusuyla çalıştırarak bu sorunu gidererek azalttım. Ben ile başlatmak: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP, ana bilgisayar adresi $ PORT olan port numarası olan bir değişkendir. Varsayılan IP ve PORT …

176 reactjs  webpack-dev-server  cloud9-ide  cloud9 

React'ın resmi belgelerinde bahsediyor - React sınıfı yaşam döngüsü yöntemlerini biliyorsanız, useEffect Hook'u componentDidMount, componentDidUpdate ve componentWillUnmount kombine olarak düşünebilirsiniz. Sorum şu - componentWillMount()lifecyle yöntemini bir kancada nasıl kullanabiliriz ?

176 javascript  reactjs  jsx  react-hooks 

React'in küme ayracı gösterimini ve bir hrefetiketi birleştirmenin bir yolu var mı ? Eyalette aşağıdaki değere sahip olduğumuzu varsayalım: {this.state.id} ve bir etiket üzerinde aşağıdaki HTML nitelikleri: href="#demo1" id="demo1" Bunun idgibi bir şey elde etmek için durumu HTML özelliğine eklememin bir yolu var mı : href={"#demo + {this.state.id}"} Hangisi verecek: …

175 javascript  html  reactjs  ecmascript-6 

React JS için çok yeniyim (olduğu gibi, bugün yeni başladı). SetState'in nasıl çalıştığını tam olarak anlamıyorum. React ve Easel JS'yi kullanıcı girdisine dayalı bir ızgara çizmek için birleştiriyorum. İşte JS bölmem: http://jsbin.com/zatula/edit?js,output İşte kod: var stage; var Grid = React.createClass({ getInitialState: function() { return { rows: 10, cols: 10 } …

174 javascript  reactjs  setstate 

Paketle bir ReactJS projesi oluşturdum create-react-appve bu iyi çalıştı, ancak webpack dosyalarını ve yapılandırmalarını bulamıyorum. Reac-create-app webpack ile nasıl çalışır? Varsayılan kurulumda web paketi yapılandırma dosyaları nerededir create-react-app? Projemin klasörlerinde yapılandırma dosyaları bulamıyorum. Geçersiz kılma yapılandırma dosyası oluşturmadım. Yapılandırma ayarlarını diğer makalelerle yönetebilirim, ancak geleneksel yapılandırma dosyalarını bulmak istiyorum.

174 javascript  reactjs  webpack  ecmascript-6  create-react-app 

Bir öğenin innerHTML'sinin ayarlanması ile elementin dangerouslySetInnerHTML özelliğinin ayarlanması arasında herhangi bir "sahne arkası" farkı var mı? Basitlik uğruna işleri düzgün bir şekilde sterilize ettiğimi varsayın. Misal: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); vs var test = React.createClass({ componentDidUpdate: …

171 javascript  html  reactjs 

Bir kod yazdım: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Bir hata alıyorum: JSX öğe türünde Elemherhangi bir yapı veya çağrı imzası yok Bunun anlamı ne?

170 reactjs  typescript  material-ui 

Hiçbir fikrim yok, nasıl çözeceğim bir problemim var. Tepki bileşenimde uzun bir veri listesi ve altta birkaç bağlantı görüntüler. Bu bağlantılardan herhangi birine tıkladıktan sonra listeyi yeni bağlantı koleksiyonuyla dolduruyorum ve yukarı kaydırmam gerekiyor. Sorun şu ki - yeni koleksiyon oluşturulduktan sonra nasıl yukarı kaydırılır ? 'use strict'; // url …

169 scroll  reactjs  render 

Bu kodla: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Bu eslint hatasını alıyorum: 7:16 error Parsing error: Unexpected token .. Why? İşte benim eslint yapılandırma: { "extends": …

169 javascript  reactjs  eslint 

Varsayılan değerle atandıktan sonra onay kutusu durumunu güncelleme konusunda sorun yaşıyorum checked="checked"React'ta . var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Atadıktan sonra checked="checked", işaretini kaldırmak / işaretini kaldırmak için onay kutusu durumunu etkileştiremiyorum.

169 reactjs  checkbox