«reactjs» etiketlenmiş sorular

Reactjs ile çalışıyorum, bir menü bileşeni yazıyorum. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url = item.articleId …

101 javascript  reactjs  this  map-function 

PropTypes ve Flow benzer şeyleri kapsar ancak farklı yaklaşımlar kullanır. PropTypes, çalışma zamanı sırasında size uyarılar verebilir ve bu, bir sunucudan vb. Gelen hatalı biçimlendirilmiş yanıtları hızlı bir şekilde bulmanıza yardımcı olabilir. Ancak, Flow gelecek gibi görünüyor ve jenerikler gibi kavramlarla çok esnek bir çözüm. Ayrıca Nuclide tarafından sunulan otomatik …

101 reactjs  flowtype  react-proptypes 

Ekibim ve ben Kurumsal düzeyde bir web uygulaması geliştirmeye başlamak için fon aldık (ne yaptığının ayrıntılarına girmeyeceğiz). Uygulamanın birçok ayrı web sayfası olacak, ancak bu sayfalardan ikisi daha odaklı ve çok ağır - çok sayıda kullanıcı etkileşiminde olduğu gibi, toplu verileri görüntüleyen modlar, websocket bağlantıları, sohbet vb. Projede Baş Mimara …

101 asp.net  angular  reactjs  razor 

Tek satır iyi çalışıyor render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } birden çok hat için değil render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } Teşekkürler.

101 reactjs 

& Nbsp etiketini jsx'te kullanıyorum ve alanı oluşturmuyorum. Aşağıdaki kodumun küçük bir parçasıdır.Lütfen yardım edin. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select Scenario:   <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> Select Takeout Scenario:  <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> </div> ); }, });

101 html  reactjs  jsx 

İki bileşenim var: Alt bileşenin durumunu değiştirmek istediğim Üst Bileşen : class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent </button> <ChildComponent /> </div> ); } } Ve Alt Bileşen : class ChildComponent extends Component { constructor(props) { super(props); …

101 javascript  reactjs 

Reactjs ile yeni başlıyorum ve lietiketi görüntülemek için basit bir bileşen yazıyordum ve bu hatayla karşılaştım: Beklenmeyen simge '<' Örneği jsbin'de http://jsbin.com/UWOquRA/1/edit?html,js,console,output altına koydum Lütfen neyi yanlış yaptığımı bana bildirin.

100 reactjs 

Küresel durum ve dağınık olay işleyicileri gerektiriyor gibi görünen sürüklenebilir (yani fare ile yeniden konumlandırılabilir) bir React bileşeni yapmak istiyorum. Bunu, JS dosyamdaki global bir değişkenle kirli bir şekilde yapabilirim ve muhtemelen onu hoş bir kapatma arayüzüne bile sarabilirim, ancak React ile daha iyi örtüşen bir yol olup olmadığını bilmek …

100 javascript  reactjs 

React ile basit bir form oluşturmaya çalışıyorum, ancak verilerin formun defaultValue değerine düzgün şekilde bağlanması konusunda zorluk yaşıyorum. Aradığım davranış şudur: Sayfamı açtığımda, Metin giriş alanı veritabanımdaki AwayMessage metnimle doldurulmalıdır. Yani "Örnek Metin" İdeal olarak, veritabanımdaki AwayMessage'da metin yoksa, Metin giriş alanında bir yer tutucunun olmasını istiyorum. Ancak şu anda, …

100 javascript  forms  reactjs  coffeescript  2-way-object-databinding 

React-materialize'dan bileşenleri içe aktarmaya çalışıyorum - import {Navbar, NavItem} from 'react-materialize'; Ancak web paketimi .tsxoluştururken yukarıdakiler için bir hata atıyor - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an 'any' type. Bunun için herhangi bir çözüm ts-loader. …

100 reactjs  webpack  webpack-2 

Aşağıdaki gibi bağlamda dil ayarlarına sahibim class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; Başvuru kodum aşağıdaki gibi olacak <LanguageProvider> <App> <MyPage /> </App> </LanguageProvider> Sayfamda dili değiştirmek için …

100 javascript  reactjs  react-context 

Bu soruyu göndermeden önce, sqa stackexchange'de arama yapmayı denedim, ancak sığ ve orada render ile ilgili bir gönderi bulamadım, bu yüzden umarım birileri bana burada yardımcı olabilir. Reaksiyon bileşenlerini test ederken ne zaman sığ ve render kullanmalıyım? Airbnb belgelerine dayanarak, ikisinin farkı hakkında bazı fikirler edindim: Sığ, bileşenleri bir birim …

100 testing  meteor  reactjs  chai  enzyme 

Aşağıdakilere sahibim: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> DefaultRoute kullanılırken, herhangi bir * Gösterge Tablosunun Gösterge Tablosu içinde oluşturulması gerektiğinden SearchDashboard hatalı şekilde oluşturulur. DefaultRoute'umun "app" Route içinde Route "searchDashboard" …

99 javascript  routes  reactjs  url-redirection  react-router 

componentDidMountReact fonksiyonel bileşenlerini kancalar aracılığıyla simüle etmenin yolları var mı?

99 javascript  reactjs  react-hooks 

Tarzını değiştirmek için bir sınıf adını bir tepki bileşenine geçirmeye çalışıyorum ve çalışmıyor gibi görünüyorum: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill styleName="skill">Business</Pill> İlgili stile sahip sınıfın adını geçerek hapın stilini değiştirmeye çalışıyorum. React'te yeniyim, bu yüzden belki de bunu doğru …

98 javascript  reactjs