Pertanyaan yang diberi tag «reactjs»

Saya baru saja pindah dari Angular ke ReactJs. Saya menggunakan jQuery untuk panggilan API. Saya memiliki API yang mengembalikan daftar pengguna acak yang akan dicetak dalam daftar. Saya tidak yakin bagaimana cara menulis panggilan API saya. Apa praktik terbaik untuk ini? Saya mencoba yang berikut tetapi saya tidak mendapatkan hasil …

137 javascript  jquery  reactjs 

Bagaimana cara mendapatkan URL lengkap dari dalam komponen ReactJS? Saya pikir itu harus seperti this.props.locationitu tetapi itu benarundefined

137 reactjs 

hasil kesalahan saya: Objek konfigurasi tidak valid. Webpack telah diinisialisasi menggunakan objek konfigurasi yang tidak cocok dengan skema API. - configuration.module memiliki properti 'loader' yang tidak dikenal. Properti-properti ini valid: objek {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules?, DefaultRules?, Tidak diketahuiContextCritical? ?, strictExportPresence ?, strictThisContextOnImports? } …

136 reactjs  webpack 

TLDR: Gunakan defaultChecked alih-alih dicentang, bekerja jsbin . Mencoba mengatur kotak centang sederhana yang akan mencoret teks labelnya ketika dicentang. Untuk beberapa alasan handleChange tidak dipecat ketika saya menggunakan komponen. Adakah yang bisa menjelaskan kesalahan saya? var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { complete: (!!this.props.complete) || false …

136 checkbox  onchange  reactjs 

Saya mengkloning aplikasi reaksi ke sistem saya dan menjalankan perintah berikut npm install -g create-react-app npm install --save react react-dom Setelah itu saya lari npm start Tapi itu melempar kesalahan yang disebutkan di atas, Ini berfungsi dengan baik pada sistem saya yang lain dari mana saya mendorongnya di github. Tetapi …

136 reactjs 

Saya bermain-main dengan Reactdan ES6menggunakan babeldan webpack. Saya ingin membangun beberapa komponen dalam file yang berbeda, mengimpor satu file dan menggabungkannyawebpack Katakanlah saya memiliki beberapa komponen seperti ini: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> ... …

135 reactjs  ecmascript-6  webpack 

Saya menggunakan kode di bawah ini untuk mengatur alat peraga standar pada komponen Bereaksi tetapi tidak berfungsi. Dalam render()metode ini, saya dapat melihat output "props tidak terdefinisi" dicetak pada konsol browser. Bagaimana saya bisa menentukan nilai default untuk alat peraga komponen? export default class AddAddressComponent extends Component { render() { …

135 reactjs  ecmascript-6 

Saya memiliki beberapa masalah dengan gambar saya di proyek reaksi saya. Memang saya selalu berpikir bahwa path relatif ke atribut src dibangun pada arsitektur file Di sini arsitektur file saya: components file1.jsx file2.jsx file3.jsx container img js ... Namun saya menyadari bahwa path dibangun di atas url. Di salah satu …

135 javascript  reactjs  webpack 

Apa perbedaan antara komponen dan wadah dalam reaksi reduks?

135 javascript  reactjs  redux 

Saya pemula untuk bereaksi, saya ingin memasukkan bootstrap di aplikasi reaksi saya Saya telah menginstal bootstrap oleh npm install bootstrap --save Sekarang, ingin memuat bootstrap css dan js di aplikasi reaksi saya. Saya menggunakan paket web. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, …

135 twitter-bootstrap  reactjs  webpack 

Mengapa dalam contoh pseudo-code berikut, Child tidak merender ulang ketika Container berubah foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } Bahkan jika saya menelepon forceUpdate()setelah mengubah nilai dalam Container, Child masih menunjukkan nilai lama.

135 javascript  html  reactjs 

Saya memiliki komponen pemberitahuan, dan saya memiliki pengaturan batas waktu untuk itu. setelah batas waktu saya telepon this.setState({isTimeout:true}). Yang ingin saya lakukan adalah jika sudah kehabisan waktu, saya hanya ingin tidak memberikan apa-apa: render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return (); // here has …

135 reactjs 

Bagaimana saya bisa mendapatkan informasi dari suatu ReadableStreamobjek? Saya menggunakan API Ambil dan saya tidak melihat ini jelas dari dokumentasi. Tubuh sedang dikembalikan sebagai a ReadableStreamdan saya hanya ingin mengakses properti dalam aliran ini. Di bawah Respons di alat pengembang peramban, saya sepertinya mengatur informasi ini ke dalam properti, dalam …

135 javascript  node.js  reactjs  fetch 

Alih-alih menulis komponen saya di dalam kelas, saya ingin menggunakan sintaks fungsi sebagai gantinya. Bagaimana cara mengganti componentDidMount, componentWillMountdi dalam komponen fungsi? Apakah itu mungkin? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( …

135 reactjs  redux 

Saat ini saya sedang mempelajari konsep hook di React dan mencoba untuk memahami contoh di bawah ini. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() …

134 javascript  reactjs  react-native  react-hooks