«reactjs» etiketlenmiş sorular

Bir jQuery bileşenini React.js'ye dönüştürmeye çalışıyorum ve zorluk yaşadığım şeylerden biri, for döngüsüne dayalı n sayıda öğeyi oluşturmaktır. Bunun mümkün olmadığını veya tavsiye edilmediğini ve modelde bir dizi bulunduğunda kullanılmasının tamamen mantıklı olduğunu anlıyorum map. Sorun değil, ama bir diziniz olmadığında ne olacak? Bunun yerine, işlenecek belirli sayıda öğeye eşit …

147 javascript  jquery  reactjs  react-jsx 

Benim tepki ve daktilo uygulamasında, ben kullanın: onChange={(e) => data.motto = (e.target as any).value}. Sınıf için yazımları nasıl doğru bir şekilde tanımlarım, böylelikle yazım sisteminde yolumu kesmek zorunda kalmazdım any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { } Eğer koyarsam target: { …

144 reactjs  typescript  types  typescript-typings 

React.js'de açısalın $ watch işlevi eşdeğeri nedir? Durum değişikliklerini dinlemek ve getSearchResults () gibi bir işlevi çağırmak istiyorum. componentDidMount: function() { this.getSearchResults(); }

143 javascript  reactjs 

componentWillReceivePropsYeni bir yaşam döngüsü yöntemi lehine gelecek sürümlerde tamamen aşamalı olarak kaldırılacak gibi görünüyor getDerivedStateFromProps: static getDerivedStateFromProps () . İnceleme sonucunda, artık this.propsve arasında nextPropsolduğu gibi doğrudan bir karşılaştırma yapamayacağınız anlaşılıyor componentWillReceiveProps. Bunun etrafında bir yol var mı? Ayrıca, şimdi bir nesne döndürür. Dönüş değerinin temelde olduğunu varsaymak doğru this.setStatemudur? …

142 javascript  reactjs  lifecycle 

Buna yaklaşmanın doğru yolunun ne olduğunu merak ediyorum: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + …

142 javascript  reactjs  jsx 

Tam kodu burada: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Selam, Oluşturma ortamı temelinde masaüstü ve mobil cihazlar için farklı şablonlar gösteren bir uygulamam var. Mobil şablonum için gezinme menüsünü gizlemem gereken yerde başarıyla geliştirebiliyorum. şu anda tüm değerleri prototiplerden aldığı ve doğru bir şekilde oluşturduğu bir test senaryosu yazabiliyorum ancak mobil olduğunda nav bileşenini oluşturmaması …

142 reactjs  mocha  redux 

Şu anda bir React uygulamasını TypeScript'e geçiriyorum. Şimdiye kadar, bu oldukça iyi çalışıyor, ancak renderişlevlerimin ve işlev bileşenlerimin dönüş türleriyle ilgili bir sorunum var . Şimdiye kadar, hep kullanmıştı JSX.Elementbir bileşen karar verirse şimdi bu artık çalışmıyor, dönüş türü olarak değil bir şey, yani geri dönüşü hale nullberi nullhiçbir geçerli …

142 javascript  reactjs  typescript 

Son zamanlarda Facebook'un React çerçevesine baktım . Gerçekten anlamadığım "Sanal DOM" kavramını kullanıyor. Sanal DOM nedir? Avantajları nelerdir?

141 javascript  reactjs 

Ben kullanıyorum WebPack bir yönetme reactjs projeyi. Javascript webpack tarafından görüntüleri yüklemek istiyorum file-loader. Aşağıda ise webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { entry: { jsx: …

141 javascript  reactjs  webpack 

ReactJS'de ilk adımımı atıyorum ve ebeveyn ile çocuklar arasındaki iletişimi anlamaya çalışıyorum. Form yapıyorum, bu yüzden alanları şekillendirmek için bileşenim var. Ayrıca alan ve kontrol içeren üst bileşen var. Misal: var LoginField = React.createClass({ render: function() { return ( <MyField icon="user_icon" placeholder="Nickname" /> ); }, check: function () { console.log …

140 javascript  reactjs 

React'in performans optimizasyonu için zaman uyumsuz ve toplu olarak durum güncellemelerini gerçekleştirebileceğini biliyorum. Bu nedenle, aradıktan sonra güncellenecek duruma asla güvenemezsiniz setState. Ama Tepkisiz güvenebilirsiniz aynı sırada devlet güncellemek setStatedenir için aynı bileşen? farklı bileşenler? Aşağıdaki örneklerde düğmeyi tıklamayı düşünün: 1. ihtimali hiç var mı sahte ve b doğrudur için: …

140 javascript  reactjs  state  setstate 

React ile Typescript kullanıyorum. Referanslar tarafından atıfta bulunulan reaksiyon düğümlerine göre statik yazım ve zeka elde etmek için ref'leri nasıl kullanacağımı anlamakta güçlük çekiyorum. Kodum aşağıdaki gibidir. import * as React from 'react'; interface AppState { count: number; } interface AppProps { steps: number; } interface AppRefs { stepInput: HTMLInputElement; …

140 reactjs  typescript 

Aşağıdaki gibi çok basit bir işlevsel bileşene sahibim: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; Ve başka bir bileşen: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const layout …

140 reactjs  typescript  jsx  typescript2.0 

componentDidMount()React Native'de zaman uyumsuz işlev olarak kullanmak iyi bir uygulama mı yoksa bundan kaçınmalı mıyım? AsyncStorageBileşen bağlandığında biraz bilgi almam gerekiyor , ancak bunu mümkün componentDidMount()kılmanın tek yolu işlevi eşzamansız hale getirmek . async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } Bununla ilgili herhangi bir sorun …

139 reactjs  asynchronous  react-native 

Django için yeni ve hatta ReactJS için daha yeni. AngularJS ve ReactJS'yi araştırdım, ancak ReactJS'ye karar verdim. AngularJS'nin pazar payından daha fazlasına sahip olmasına rağmen AngularJS'yi popülerlik kadar sınırlandırdığı görülüyordu ve ReactJS'nin alımdan daha hızlı olduğu söyleniyor. Tüm bu önemsiz bir yana, Udemy üzerine bir ders almaya başladım ve birkaç …

138 django  reactjs