Pertanyaan yang diberi tag «reactjs»

React (juga dikenal sebagai React.js atau ReactJS) adalah perpustakaan JavaScript yang dikembangkan oleh Facebook untuk membangun antarmuka pengguna. Ini menggunakan paradigma deklaratif, berbasis komponen dan bertujuan untuk menjadi efisien dan fleksibel.

6
SVG menggunakan tag dan ReactJS
Jadi biasanya untuk menyertakan sebagian besar ikon SVG saya yang memerlukan gaya sederhana, saya melakukan: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Sekarang saya telah bermain dengan ReactJS akhir-akhir ini mengevaluasinya sebagai komponen yang mungkin dalam tumpukan pengembangan front-end baru saya, namun saya perhatikan bahwa dalam daftar tag / atribut yang didukung …
114 svg  sprite  reactjs 
3
ReactJS: Modeling Bi-Directional Infinite Scrolling
Aplikasi kami menggunakan pengguliran tak terbatas untuk menavigasi daftar besar item heterogen. Ada beberapa kerutan: Sangat umum bagi pengguna kami untuk memiliki daftar 10.000 item dan perlu menggulir 3k +. Ini adalah item kaya, jadi kami hanya dapat memiliki beberapa ratus di DOM sebelum kinerja browser menjadi tidak dapat diterima. …
6
Strategi untuk rendering sisi server dari komponen React.js yang diinisialisasi secara asinkron
Salah satu keuntungan terbesar dari React.js adalah rendering sisi server . Masalahnya adalah bahwa fungsi kuncinya React.renderComponentToString()sinkron sehingga tidak mungkin memuat data asinkron apa pun saat hierarki komponen dirender di server. Katakanlah saya memiliki komponen universal untuk berkomentar yang dapat saya jatuhkan di mana saja di halaman. Ini hanya memiliki …
6
Peringatan: Kelas properti DOM tidak diketahui. Apakah yang Anda maksud className?
Saya baru saja mulai menjelajahi React, dengan menambahkan komponen dengan fungsi render sederhana: render() { return <div class="myApp"></div> } Ketika saya menjalankan aplikasi, saya mendapatkan kesalahan berikut: Warning: Unknown DOM property class. Did you mean className? Saya bisa mengatasi ini dengan mengubah classke className. Pertanyaannya adalah; apakah React memberlakukan konvensi …
7
Perbarui komponen React setiap detik
Saya telah bermain-main dengan React dan memiliki komponen waktu berikut yang baru saja ditampilkan Date.now()di layar: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> { this.state.time } </div> ); } componentDidMount() { console.log("TimeComponent Mounted...") …
10
Bagaimana cara menghindari pembungkus ekstra <div> di React?
Hari ini saya sudah mulai belajar ReactJS dan setelah satu jam dihadapkan pada masalah .. Saya ingin memasukkan sebuah komponen yang memiliki dua baris di dalam div pada halaman. Contoh sederhana dari apa yang saya lakukan di bawah ini. Saya memiliki html: &lt;html&gt; .. &lt;div id="component-placeholder"&gt;&lt;/div&gt; .. &lt;/html&gt; Render fungsi …
15
Bagaimana Anda mengatur judul dokumen di React?
Saya ingin menyetel judul dokumen (di bilah judul browser) untuk aplikasi React saya. Saya telah mencoba menggunakan react-document-title (tampaknya kedaluwarsa) dan pengaturan document.titledi constructordan componentDidMount()- tidak ada solusi ini yang berfungsi.
114 javascript  reactjs  dom 
7
Beberapa nama jalur untuk komponen yang sama di React Router
Saya menggunakan komponen yang sama untuk tiga rute berbeda: &lt;Router&gt; &lt;Route path="/home" component={Home} /&gt; &lt;Route path="/users" component={Home} /&gt; &lt;Route path="/widgets" component={Home} /&gt; &lt;/Router&gt; Apakah ada cara untuk menggabungkannya, menjadi seperti: &lt;Router&gt; &lt;Route path=["/home", "/users", "/widgets"] component={Home} /&gt; &lt;/Router&gt;
5
Bagaimana cara menggunakan React.forwardRef dalam komponen berbasis kelas?
Saya mencoba menggunakan React.forwardRef, tetapi tersandung cara membuatnya bekerja dalam komponen berbasis kelas (bukan HOC). Contoh dokumen menggunakan elemen dan komponen fungsional, bahkan membungkus kelas dalam fungsi untuk komponen tingkat tinggi. Jadi, mulailah dengan sesuatu seperti ini di ref.jsfile mereka : const TextInput = React.forwardRef( (props, ref) =&gt; (&lt;input type="text" …
13
Tautan Eksternal React-Router
Karena saya menggunakan react-router untuk menangani rute saya di aplikasi react, saya ingin tahu apakah ada cara untuk mengalihkan ke sumber daya eksternal. Katakanlah seseorang memukul: example.com/privacy-policy Saya ingin ini dialihkan ke: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Saya menemukan tidak ada bantuan dalam menghindari menulisnya dalam JS biasa di index.html saya memuat dengan sesuatu …
9
Mendapatkan parameter kueri dari fragmen hash react-router
Saya menggunakan react dan react-router untuk aplikasi saya di sisi klien. Sepertinya saya tidak tahu cara mendapatkan parameter kueri berikut dari url seperti: http://xmen.database/search#/?status=APPROVED&amp;page=1&amp;limit=20 Rute saya terlihat seperti ini (jalurnya benar-benar salah, saya tahu): var routes = ( &lt;Route&gt; &lt;DefaultRoute handler={SearchDisplay}/&gt; &lt;Route name="search" path="?status=:status&amp;page=:page&amp;limit=:limit" handler={SearchDisplay}/&gt; &lt;Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/&gt; &lt;/Route&gt; …
10
Apa cara terbaik untuk memicu acara onchange di react js
Kami menggunakan bundel Backbone + ReactJS untuk membangun aplikasi sisi klien. Sangat bergantung pada terkenal, valueLinkkami menyebarkan nilai langsung ke model melalui pembungkusnya sendiri yang mendukung antarmuka ReactJS untuk pengikatan dua arah. Sekarang kami menghadapi masalah: Kami memiliki jquery.mask.jsplugin yang memformat nilai input secara terprogram sehingga tidak mengaktifkan peristiwa React. …
112 reactjs 
7
Tidak dapat menambahkan 'pembungkus' tugas karena tugas dengan nama tersebut sudah ada
Saat menginstal 'react-native init AwesomeProject' saya mendapatkan kesalahan ini ketika saya menjalankan react-native run-android: Could not determine java version from '11.0.1'. Google cepat menyarankan saya perlu memperbarui distributionUrldalam Gradle-wrapper. Setelah melakukan ini, saya dihadapkan pada kesalahan baru: Cannot add task 'wrapper' as a task with that name already exists. Ini …
7
Apa tujuan tanda kurung kurawal dalam sintaks JSX React?
Dari tutorial react.js kita melihat penggunaan tanda kurung kurawal ganda ini: &lt;span dangerouslySetInnerHTML={{ __html: rawMarkup }} /&gt; Lalu di tutorial kedua, "Berpikir dalam bereaksi" : &lt;span style={{ color: 'red' }}&gt; {this.props.product.name} &lt;/span&gt;; Namun, dokumentasi React JSX tidak menjelaskan atau menyebutkan tanda kurung kurawal ganda. Untuk apa sintaks ini (ikal ganda)? …
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.