Pertanyaan yang diberi tag «reactjs»

Saya telah membangun situs web dengan React.js dan webpack . Saya ingin menggunakan font Google di halaman web, jadi saya meletakkan link di bagian tersebut. Google Fonts <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Dan atur CSS body{ font-family: 'Bungee Inline', cursive; } Namun, itu tidak berhasil. Bagaimana saya bisa mengatasi masalah ini?

97 reactjs  webpack  google-font-api 

Saya telah menggunakan fitur ECMAScript 6 dan ECMAScript 7 (berkat Babel) di aplikasi saya - baik seluler maupun web. Langkah pertama yang jelas adalah ECMAScript 6 level. Saya belajar banyak pola async, promise (yang benar-benar menjanjikan), generator (tidak yakin mengapa simbol *), dll. Dari semua ini, promise cukup sesuai untuk …

97 javascript  asynchronous  reactjs  async-await  promise 

Saya baru mengenal ReactJs. Ini kode saya: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); dan menyusunnya dengan webpack. Juga saya menambahkan komponen Utama ke alias saya. Konsol menampilkan kesalahan ini: …

97 reactjs  react-router 

Dalam dokumentasi React ini, disebutkan bahwa shallowCompare melakukan pemeriksaan kesetaraan dangkal pada properti saat ini dan objek nextProps serta status saat ini dan objek nextState. Hal yang tidak dapat saya pahami adalah Jika membandingkan objek secara dangkal maka metode shouldComponentUpdate akan selalu mengembalikan nilai true, karena Kita seharusnya tidak mengubah …

97 javascript  reactjs 

Baru-baru ini saya telah mempelajari banyak hal tentang fungsionalitas dan cara menggunakan perpustakaan JavaScript Facebook React.js. Ketika berbicara tentang perbedaan nya ke seluruh dunia JavaScript sering dua gaya pemrograman declarativedan imperativeyang mentionned. Apa perbedaan keduanya?

97 reactjs 

Saya baru mengenal Perpustakaan React.js dan saya telah mempelajari beberapa tutorial dan saya menemukan: this.setState this.replaceState Deskripsi yang diberikan tidak terlalu jelas (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. Demikian pula, The replaceState() method is for when …

96 javascript  frontend  reactjs 

sebelum memposting pertanyaan ini, saya mencoba mencari di sqa stackexchange tetapi saya tidak menemukan posting tentang dangkal dan membuat di sana, jadi saya harap seseorang dapat membantu saya di sini. Kapan saya harus menggunakan shallow dan render dalam pengujian komponen react? Berdasarkan dokumen airbnb, saya memberikan beberapa pendapat tentang perbedaan …

95 testing  meteor  reactjs  chai  enzyme 

Saya sangat baru mengenal webpack, saya menemukan bahwa dalam produksi build kami dapat mengurangi ukuran kode secara keseluruhan. Saat ini webpack membuat sekitar 8MB file dan main.js sekitar 5MB. Bagaimana cara mengurangi ukuran kode dalam produksi build? Saya menemukan contoh file konfigurasi webpack dari internet dan saya mengonfigurasi untuk aplikasi …

95 node.js  reactjs  npm  webpack  webpack-dev-server 

Saya membongkar contoh todo Redux untuk mencoba memahaminya. Saya membaca bahwa mapDispatchToPropsmemungkinkan Anda untuk memetakan tindakan pengiriman sebagai alat peraga, jadi saya berpikir untuk menulis ulang addTodo.jsuntuk menggunakan mapDispatchToProps daripada memanggil pengiriman (addTodo ()). Saya menyebutnya addingTodo(). Sesuatu seperti ini: import React from 'react'; import {connect} from 'react-redux'; import addTodo …

95 javascript  reactjs  redux  react-redux 

Saya ingin memanggil metode yang diekspos oleh komponen React dari instance Elemen React. Misalnya, di jsfiddle ini . Saya ingin memanggil alertMessagemetode dari HelloElementreferensi. Adakah cara untuk mencapai ini tanpa harus menulis pembungkus tambahan? Edit (kode disalin dari JSFiddle) <div id="container"></div> <button onclick="onButtonClick()">Click me!</button> var onButtonClick = function () { …

95 reactjs 

Saya memiliki pustaka komponen yang saya tulis untuk unit test menggunakan Jest dan react-testing-library. Berdasarkan alat peraga atau peristiwa tertentu, saya ingin memverifikasi bahwa elemen tertentu tidak dirender. getByText,, getByTestIddll. melempar dan membuat kesalahan react-testing-libraryjika elemen tidak ditemukan yang menyebabkan pengujian gagal sebelum expectfungsi diaktifkan. Bagaimana Anda menguji sesuatu yang …

95 reactjs  jestjs  react-testing-library 

Saya mengharapkan status untuk memuat ulang pada perubahan alat peraga, tetapi ini tidak berfungsi dan uservariabel tidak diperbarui pada useStatepanggilan berikutnya , apa yang salah? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } codepen

95 reactjs  react-hooks 

Menurut dokumen: componentDidUpdate()dipanggil segera setelah pembaruan terjadi. Metode ini tidak dipanggil untuk render awal. Kita bisa menggunakan useEffect()hook baru untuk mensimulasikan componentDidUpdate(), tetapi sepertinya useEffect()dijalankan setelah setiap render, bahkan untuk pertama kalinya. Bagaimana cara membuatnya tidak berjalan pada render awal? Seperti yang Anda lihat pada contoh di bawah ini, componentDidUpdateFunctiondicetak …

95 javascript  reactjs  react-hooks 

Saya mencoba membuat formulir sederhana dengan react, tetapi menghadapi kesulitan karena data terikat dengan benar ke defaultValue formulir. Perilaku yang saya cari adalah ini: Saat saya membuka halaman saya, bidang input Teks harus diisi dengan teks AwayMessage saya di database saya. Itu adalah "Contoh Teks" Idealnya saya ingin memiliki tempat …

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

Saya kadang-kadang bereaksi komponen yang secara konseptual stateful yang ingin saya setel ulang. Perilaku ideal akan sama dengan menghapus komponen lama dan membaca komponen baru yang asli. React menyediakan metode setStateyang memungkinkan pengaturan status eksplisit komponen, tetapi tidak termasuk status implisit seperti fokus browser dan status formulir, dan juga mengecualikan …

94 reactjs