Pertanyaan yang diberi tag «reactjs»

Meskipun ada pertanyaan serupa saya gagal membuat file dengan banyak fungsi. Tidak yakin apakah metode ini sudah usang atau tidak karena RN berkembang sangat cepat. Bagaimana cara membuat fungsi global helper di reaksi asli? Saya baru mengenal Bereaksi Asli. Yang ingin saya lakukan adalah membuat file js penuh dengan banyak …

133 reactjs  react-native 

Saya telah membangun komponen di Bereaksi yang seharusnya memperbarui gayanya sendiri pada jendela gulir untuk membuat efek paralaks. renderMetode komponen terlihat seperti ini: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, scrollTop/3 - 60); style.transform = 'translateY(' + …

133 javascript  reactjs 

Saya membaca tentang Flux tetapi contoh aplikasi Todo terlalu sederhana bagi saya untuk memahami beberapa poin utama. Bayangkan aplikasi satu halaman seperti Facebook yang memiliki halaman profil pengguna . Pada setiap halaman profil pengguna, kami ingin menampilkan beberapa informasi pengguna dan posting terakhir mereka, dengan gulir yang tak terbatas. Kami …

132 javascript  facebook  architecture  reactjs  reactjs-flux 

Saya menggunakan modul react-router versi terakhir, bernama react-router-dom, yang telah menjadi default saat mengembangkan aplikasi web dengan React. Saya ingin tahu cara melakukan pengalihan setelah permintaan POST. Saya telah membuat kode ini, tetapi setelah permintaan, tidak ada yang terjadi. Saya mengulas di web, tetapi semua data tentang versi sebelumnya dari …

132 javascript  reactjs  react-router 

Saya mencoba menemukan cara terbaik untuk menghapus elemen dari array dalam keadaan komponen. Karena saya tidak boleh memodifikasi this.statevariabel secara langsung, apakah ada cara yang lebih baik (lebih ringkas) untuk menghapus elemen dari array daripada yang saya miliki di sini ?: onRemovePerson: function(index) { this.setState(prevState => { // pass callback …

131 javascript  reactjs 

Saya sedang menulis skrip yang memindahkan input dropdown di bawah atau di atas tergantung pada ketinggian dropdown dan posisi input di layar. Saya juga ingin mengatur pengubah ke dropdown sesuai dengan arahnya. Tetapi menggunakan setStatebagian dalam componentDidUpdatemenciptakan loop tak terbatas (yang jelas) Saya telah menemukan solusi dalam menggunakan getDOMNodedan mengatur …

131 javascript  reactjs  ecmascript-6 

Saya baru mengenal ReactJS dan React-Router. Saya memiliki komponen yang menerima melalui alat peraga <Link/>objek dari react-router . Setiap kali pengguna mengklik tombol 'next' di dalam komponen ini saya ingin memanggil <Link/>objek secara manual. Saat ini, saya menggunakan referensi untuk mengakses contoh dukungan dan secara manual mengklik tag 'a' yang …

131 javascript  reactjs  react-router 

Apa tipe yang benar untuk event React. Awalnya saya hanya menggunakannya anydemi kesederhanaan. Sekarang, saya mencoba untuk membersihkan semuanya dan menghindari penggunaan anysepenuhnya. Jadi dalam bentuk yang sederhana seperti ini: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string logIn: Function } } @inject('login') …

131 javascript  reactjs  typescript 

Saya mencoba menambahkan komponen Peta Bereaksi untuk proyek saya tetapi mengalami kesalahan. Saya menggunakan posting blog Fullstack React sebagai referensi. Saya melacak di mana kesalahan dilemparkan ke google_map.js baris 83: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

Ceritanya, saya harus bisa memasukkan Bob, Sally dan Jack ke dalam sebuah kotak. Saya juga dapat menghapus keduanya dari kotak. Saat dilepas, tidak ada slot yang tersisa. people = ["Bob", "Sally", "Jack"] Sekarang saya perlu menghapus, katakan, "Bob". Array baru akan menjadi: ["Sally", "Jack"] Inilah komponen react saya: ... getInitialState: …

130 javascript  arrays  reactjs 

Saya memiliki aplikasi react / redux yang mengambil token dari server api. Setelah pengguna mengautentikasi, saya ingin membuat semua permintaan axios memiliki token itu sebagai header Otorisasi tanpa harus melampirkannya secara manual ke setiap permintaan dalam tindakan. Saya cukup baru untuk bereaksi / redux dan tidak yakin dengan pendekatan terbaik …

130 reactjs  redux  axios 

Saya memiliki elemen formulir dengan labels dan saya ingin memiliki ID unik untuk ditautkan labelke elemen dengan htmlForatribut. Sesuatu seperti ini: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); Saya biasa membuat ID berdasarkan this._rootNodeIDtetapi tidak tersedia sejak React 0.13. …

129 reactjs 

Saya seorang Pengembang Angular dan baru mengenal React, Ini adalah Komponen react sederhana tetapi tidak berfungsi import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){ return( <span>hello Tech View</span> ); } } …

129 reactjs 

Saya mendapatkan satu formulir yang digunakan untuk Membuat, Baca, Perbarui dan Hapus. Saya membuat 3 komponen dengan bentuk yang sama tetapi saya memberikan mereka alat peraga yang berbeda. Saya mendapat CreateForm.js, ViewForm.js (hanya baca dengan tombol hapus) dan UpdateForm.js. Saya dulu bekerja dengan PHP, jadi saya selalu melakukan ini dalam …

128 javascript  reactjs  crud  redux 

Saya menguji komponen React dengan rendering dangkal Jasmine Enzyme. Disederhanakan di sini untuk tujuan pertanyaan ini ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponentmemiliki 2 contoh MyInnerComponentdan saya ingin menguji props pada masing-masing. Yang pertama saya tahu cara …

128 reactjs  jasmine  enzyme