«reactjs» etiketlenmiş sorular

React-select'i kullanırken bir sorun yaşıyorum. Redux formunu kullanıyorum ve react-select bileşenimi redux formuyla uyumlu hale getirdim. İşte kod: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} selectedValue={props.selectedValue} /> ); ve işte bunu nasıl oluşturuyorum: <div className="select-box__container"> <Field id="side" name="side" component={SelectInput} options={sideOptions} …

91 reactjs  default-value  react-select 

Normalde Stack'e kodla ilgili şeyler gönderirim, ancak bu daha çok topluluğun genel düşüncelerinin ne olduğu ile ilgili bir soru. Verileri / durumu yönetmek için React ile Redux kullanımını savunan birçok insan var gibi görünüyor, ancak her ikisini de okurken ve öğrenirken pek de doğru görünmeyen bir şeyle karşılaştım. Redux Bu …

91 javascript  reactjs  redux 

Esasen tepki olarak sekmeler yapmaya çalışıyorum, ancak bazı sorunlar var. İşte dosya page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> A düğmesine tıkladığınızda, RadioGroup bileşeninin B düğmesinin seçimini kaldırması gerekir . "Seçildi" yalnızca bir durum veya özellikten bir sınıf adı anlamına gelir İşte RadioGroup.jsx: module.exports = React.createClass({ onChange: function( …

91 reactjs 

<input>Kullanırken değere nasıl erişeceğim konusunda kafam karıştı mount. İşte testim olarak sahip olduğum şey: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Konsol çıktı undefined. Ancak kodu biraz değiştirirsem, işe yarıyor: it('cancels changes when user …

91 unit-testing  reactjs  enzyme 

React ile sonsuz kaydırmayı gerçekleştirmenin yollarını arıyorum. Ben rastlamak tepki sonsuz-scroll hem de verimsiz sadece DOM düğümleri ekler ve bunları kaldırmaz olarak bulundu. DOM'da sabit sayıda düğüm ekleyecek, kaldıracak ve koruyacak, React ile kanıtlanmış bir çözüm var mı? İşte jsfiddle sorunu. Bu problemde, DOM'da bir seferde yalnızca 50 öğeye sahip …

91 javascript  html  infinite-scroll  reactjs 

Bir alt bileşenden bir üst öğe üzerinde setState yapmak için önerilen model nedir. var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) { return <div>{todo}</div>; }); return <div> <h3>Todo(s)</h3> {todos} <TodoForm …

91 reactjs 

Aşağıdaki sözdizimi ile sorunu çözmekte zorlanıyorum: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } }; Sürekli şunu söyleyerek …

91 javascript  reactjs  async-await  redux 

Almak index.jsve oluşturmak istediğim bir atlıkarınca dosyam var block.build.js, bu yüzden benim webpack.config.js: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', 'es2015'], plugins: …

91 reactjs  webpack  babeljs 

Tarama geçmişine bağlı olarak bazı iş mantığı uygulamalıyım. Yapmak istediğim şey şuna benzer: reactRouter.onUrlChange(url => { this.history.push(url); }); URL güncellendiğinde react-router'dan geri arama almanın bir yolu var mı?

91 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

React yönlendiriciyle ilgili bazı sorunlar yaşıyorum (^ 4.0.0 sürümünü kullanıyorum). bu benim index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') ); App.js sadece her …

91 javascript  json  reactjs  react-router 

& Gibi karakterler içerebilen bir dizeye sahip bazı sahne öğelerim var. Ayrıca boşluklar içerir. Tüm boşlukları ile değiştirmek istiyorum  . Bunu yapmanın kolay bir yolu var mı? Bu sözdizimini kullanarak sadece render edemeyeceğimi unutmayın: <div dangerouslySetInnerHTML={{__html: myValue}} /> çünkü ilk önce herhangi bir HTML varlığını işaretleriyle değiştirmem gerekirdi. Bunu yapmak …

90 html  reactjs 

Basit bir geçişim olduğunu varsayalım: Düğmeye tıkladığımda, Renk bileşeni kırmızı ve mavi arasında değişiyor Böyle bir şey yaparak bu sonuca ulaşabilirim. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } redüktör.js switch(){ case 'CHANGE_COLOR': return {color: true} ama bu jQuery, bazı …

90 javascript  reactjs  redux 

Bazen bir kılınmasını sağlamak için gereken bir bileşen var <anchor>bir şekilde ve diğer zamanlarda <div>. Bunu propbelirlemek için okudum this.props.url. Varsa, bileşeni bir <a href={this.props.url}>. Aksi takdirde, yalnızca bir <div/>. Mümkün? Şu anda yaptığım şey bu, ancak basitleştirilebileceğini hissedin: if (this.props.link) { return ( <a href={this.props.link}> <i> {this.props.count} </i> </a> …

90 javascript  reactjs 

React bileşeninin boole durumunu nasıl değiştireceğimi bilmek istiyorum. Örneğin: Bileşenimin yapıcısında mantıksal durum denetimi var: constructor(props, context) { super(props, context); this.state = { check: false }; }; This.setState yöntemini kullanarak onay kutum her tıklandığında durumu değiştirmeye çalışıyorum: <label><input type=checkbox" value="check" onChange = {(e) => this.setState({check: !check.value})}/> Checkbox </label> Elbette bir …

90 javascript  reactjs  reactjs-flux 

React Router'ın bağlantıyı yeni sekmede açmasını sağlamanın bir yolu var mı ? Bunu denedim ve işe yaramadı. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> onClick="foo"Bağlantıya yukarıda sahip olduğum gibi bir şey ekleyerek kabartmak mümkündür , ancak bir konsol hatası olacaktır. Teşekkürler.

90 reactjs  react-router