Pertanyaan yang diberi tag «reactjs»

Saya memiliki aplikasi reaksi helloworld sederhana ini yang dibuat dari kursus online, namun saya mendapatkan kesalahan ini: Objek konfigurasi tidak valid. Webpack telah diinisialisasi menggunakan objek konfigurasi yang tidak cocok dengan skema API. - konfigurasi memiliki properti 'postcss' yang tidak diketahui. Properti ini valid: object {amd ?, bail ?, cache …

91 reactjs  typescript  webpack 

Saya mengerti bagaimana (dan mengapa ) menambahkan whitespace di JSX, tapi saya bertanya-tanya apa praktik terbaik atau apakah ada yang membuat perbedaan nyata? Bungkus kedua elemen dalam satu bentang <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Tambahkan mereka dalam satu baris <div className="top-element-formatting"> Hello <span className="second-word-formatting">World!</span> </div> Tambahkan spasi dengan …

91 javascript  reactjs  react-jsx 

Jadi saya punya ini: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal hanyalah sebuah larik angka, [1, 5, 9]misalnya this.state.dealersOverallTotal, tidak memberikan total yang benar, tetapi totalapakah? Saya …

91 javascript  reactjs  state  setstate 

Saya tidak percaya bahwa saya mengajukan pertanyaan yang jelas, tetapi saya masih mendapatkan kesalahan di log konsol. Konsol mengatakan bahwa ia tidak dapat menemukan modul di direktori, tetapi saya telah memeriksa setidaknya 10 kali kesalahan ketik. Bagaimanapun, inilah kode komponennya. Saya ingin membuat Header di root import React, { Component …

91 javascript  reactjs 

Apa pola yang direkomendasikan untuk melakukan setState pada induk dari komponen anak. 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 

Saya berjuang untuk mencari tahu masalah dengan sintaks berikut: 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); } }; …

91 javascript  reactjs  async-await  redux 

Input teks rata tengah, cara memperbaiki input teks ini sehingga mengambil input dari pojok kiri atas Ini css saya untuk input teks /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: …

91 javascript  ios  reactjs  react-native 

Saya memiliki tes unit untuk saya reducers . Namun, saat saya men-debug di browser, saya ingin memeriksa apakah tindakan saya telah dipanggil dengan benar dan apakah status telah dimodifikasi dengan semestinya. Saya mencari sesuatu seperti: window._redux.store ... di browser sehingga saya dapat mengetiknya di konsol dan memeriksa bagaimana keadaannya. Bagaimana …

91 javascript  reactjs  redux 

Saya memiliki file carousel yang ingin saya dapatkan index.jsdan buat block.build.js, jadi milik saya webpack.config.jsadalah: 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', …

91 reactjs  webpack  babeljs 

Saya harus menerapkan beberapa logika bisnis tergantung pada riwayat penelusuran. Yang ingin saya lakukan adalah seperti ini: reactRouter.onUrlChange(url => { this.history.push(url); }); Apakah ada cara untuk menerima panggilan balik dari react-router ketika URL diperbarui?

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

Saya biasanya memposting hal-hal terkait kode di Stack, tetapi ini lebih merupakan pertanyaan tentang apa pendapat umum komunitas. Tampaknya ada banyak orang yang menganjurkan penggunaan Redux dengan React untuk mengelola data / status, tetapi saat membaca dan mempelajari keduanya, saya menemukan sesuatu yang tidak terlihat benar. Redux Di bagian bawah …

90 javascript  reactjs  redux 

Saya pada dasarnya mencoba membuat tab bereaksi, tetapi dengan beberapa masalah. Ini file page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Ketika Anda mengklik tombol A, kebutuhan komponen RadioGroup ke tombol B de-pilih . "Dipilih" berarti nama kelas dari negara bagian atau properti Berikut ini RadioGroup.jsx: module.exports = React.createClass({ …

90 reactjs 

Saya pikir judulnya sudah mengungkapkan segalanya. Peringatan kuning ditampilkan setiap kali saya melepas komponen yang masih diambil. Menghibur Peringatan: Tidak dapat memanggil setState(atau forceUpdate) pada komponen yang tidak terpasang. Ini adalah no-op, tapi ... Untuk memperbaikinya, batalkan semua langganan dan tugas asinkron dalam componentWillUnmountmetode ini. constructor(props){ super(props); this.state = { …

90 reactjs 

Saya bingung tentang cara mengakses <input>nilai saat menggunakan mount. Inilah yang saya dapatkan sebagai ujian saya: 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 mencetak undefined. Tetapi jika saya sedikit memodifikasi kodenya, ini berfungsi: …

90 unit-testing  reactjs  enzyme 

Saya baru mengenal React dan saya mencoba mengimpor DATAvariabel JSON dari file eksternal. Saya mendapatkan kesalahan berikut: Tidak dapat menemukan modul "./customData.json" Bisakah seseorang membantu saya? Ini berfungsi jika saya memiliki DATAvariabel saya index.jstetapi tidak ketika berada di file JSON eksternal. index.js import React, {Component} from 'react'; import ReactDOM from …

90 javascript  json  reactjs