Pertanyaan yang diberi tag «reactjs»

Saya datang dari dunia sudut di mana saya dapat mengekstrak logika ke layanan / pabrik dan mengkonsumsinya dalam pengontrol saya. Saya mencoba memahami bagaimana saya dapat mencapai hal yang sama dalam aplikasi Bereaksi. Katakanlah saya memiliki komponen yang memvalidasi input kata sandi pengguna (kekuatannya). Logikanya cukup rumit sehingga saya tidak …

177 reactjs  reactjs-flux 

Saya menggunakan create-react-app dan memilih untuk tidak melakukannya eject. Tidak jelas ke mana font yang diimpor melalui @ font-wajah dan dimuat secara lokal harus pergi. Yaitu, saya memuat @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Ada saran? - EDIT Termasuk …

177 css  reactjs  fonts  webpack  create-react-app 

Saya mencoba untuk beralih keadaan komponen di ReactJS tetapi saya mendapatkan kesalahan yang menyatakan: Kedalaman pembaruan maksimum terlampaui. Ini bisa terjadi ketika suatu komponen berulang kali memanggil setState di dalam componentWillUpdate atau componentDidUpdate. React membatasi jumlah pembaruan bersarang untuk mencegah loop tak terbatas. Saya tidak melihat loop tak terbatas dalam …

177 javascript  reactjs  react-native 

Dalam dokumen resmi Bereaksi itu menyebutkan - Jika Anda terbiasa dengan metode siklus hidup kelas React, Anda dapat menganggap useEffect Hook sebagai componentDidMount, componentDidUpdate, dan componentWillUnmount yang digabungkan. Pertanyaan saya adalah - bagaimana kita bisa menggunakan componentWillMount()metode siklus hidup dalam sebuah kail?

176 javascript  reactjs  jsx  react-hooks 

Saya sangat baru untuk Bereaksi JS (seperti pada, baru mulai hari ini). Saya tidak begitu mengerti bagaimana setState bekerja. Saya menggabungkan React dan Easel JS untuk menggambar kotak berdasarkan input pengguna. Inilah bin JS saya: http://jsbin.com/zatula/edit?js,output Ini kodenya: var stage; var Grid = React.createClass({ getInitialState: function() { return { rows: …

175 javascript  reactjs  setstate 

Saya telah bekerja dengan proyek Bereaksi, menggunakan create-react-app, dan saya memiliki dua opsi untuk memulai proyek: Cara pertama: npm run startdengan definisi package.jsonseperti ini: "start": "react-scripts start", Cara kedua: dan npm start Apa perbedaan antara kedua perintah ini? Dan apa tujuan dari react-scripts start? Saya mencoba menemukan definisi, tetapi saya …

175 reactjs  npm 

Saya membuat proyek ReactJS dengan create-react-apppaket dan itu bekerja dengan baik, tetapi saya tidak dapat menemukan file dan konfigurasi webpack. Bagaimana cara kerja reaksi-membuat-aplikasi dengan webpack? Di mana file konfigurasi webpack berada dalam instalasi default create-react-app? Saya tidak dapat menemukan file konfigurasi di folder proyek saya. Saya belum membuat file …

172 javascript  reactjs  webpack  ecmascript-6  create-react-app 

Apakah ada perbedaan "di balik layar" dari pengaturan innerHTML elemen vs pengaturan properti hazardSetInnerHTML pada elemen? Anggaplah saya membersihkan barang dengan benar demi kesederhanaan. Contoh: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); vs. var test = React.createClass({ componentDidUpdate: function(prevProp, prevState){ …

171 javascript  html  reactjs 

Dengan kode ini: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Saya mendapatkan kesalahan eslint ini: 7:16 error Parsing error: Unexpected token .. Why? Inilah konfigurasi eslint saya: …

169 javascript  reactjs  eslint 

Saya mengalami masalah untuk memperbarui status kotak centang setelah ditetapkan dengan nilai default checked="checked"di Bereaksi. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Setelah menetapkan checked="checked", saya tidak dapat berinteraksi dengan kotak centang dengan mengklik untuk menghapus centang / centang.

169 reactjs  checkbox 

Saya baru mengenal Bereaksi JavaScript. Saya mencoba menonaktifkan tombol ketika bidang input kosong. Apa pendekatan terbaik dalam Bereaksi untuk ini? Saya melakukan sesuatu seperti berikut: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Apakah ini benar? Ini bukan hanya duplikasi atribut dinamis, karena saya juga ingin tahu tentang mentransfer / memeriksa data …

168 reactjs 

Saya punya masalah, yang saya tidak punya ide, bagaimana menyelesaikannya. Dalam komponen reaksi saya, saya menampilkan daftar panjang data dan beberapa tautan di bagian bawah. Setelah mengklik salah satu tautan ini, saya mengisi daftar dengan koleksi tautan baru dan perlu menggulir ke atas. Masalahnya adalah - bagaimana cara menggulir ke …

168 scroll  reactjs  render 

Saya mencoba membuat komponen secara dinamis berdasarkan jenisnya. Sebagai contoh: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Saya mencoba solusi yang diusulkan di sini Bereaksi / JSX nama komponen dinamis Itu memberi saya kesalahan saat kompilasi …

168 javascript  reactjs  react-jsx 

Saya menggunakan React dan Redux untuk mengembangkan aplikasi web dan ketika saya memulai proyek saya, saya mendapatkan ini: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Saya mencari banyak tentang cara mengatasinya, tetapi tidak ada jawaban yang saya temukan yang membantu …

168 javascript  reactjs  react-router  eslint 

Saya dapat mencapai titik akhir ini, http://catfacts-api.appspot.com/api/facts?number=99melalui Postman dan kembaliJSON Selain itu saya menggunakan create-react-app dan ingin menghindari pengaturan konfigurasi server. Dalam kode klien saya, saya mencoba menggunakan fetchuntuk melakukan hal yang sama, tetapi saya mendapatkan kesalahan: Header 'Access-Control-Allow-Origin' tidak ada pada sumber daya yang diminta. Karena itu, ' http: …

167 javascript  reactjs  cors  create-react-app  fetch-api