Pertanyaan yang diberi tag «reactjs»

Saya membuat aplikasi yang menggunakan webpack-dev-server dalam pengembangan bersama react-router. Tampaknya webpack-dev-server dibangun dengan asumsi bahwa Anda akan memiliki titik masuk publik di satu tempat (yaitu "/"), sedangkan react-router memungkinkan jumlah titik masuk yang tidak terbatas. Saya ingin manfaat dari webpack-dev-server, terutama fitur hot reload yang bagus untuk produktivitas, tetapi …

117 javascript  reactjs  webpack  react-router 

Saya tidak bisa menemukan cara memperbarui parameter kueri dengan react-router tanpa menggunakan <Link/>. hashHistory.push(url)tampaknya tidak mendaftarkan parameter kueri, dan sepertinya Anda tidak dapat meneruskan objek kueri atau apa pun sebagai argumen kedua. Bagaimana Anda mengubah url dari /shop/Clothes/dressesmenjadi /shop/Clothes/dresses?color=bluedi react-router tanpa menggunakan <Link>? Dan apakah suatu onChangefungsi benar-benar satu-satunya cara …

117 reactjs  react-router 

Saya baru saja menginstal node.js & cli node.js diinstal menginstal react-native-cli npm -g react-native-cli Dan membuat 'proyek baru'. react-native init new_project dan di dalam direktori 'new_project' itu, saya lelah melihat apakah metro bundler berfungsi dengan baik. react-native start Tetapi perintah memberi saya kesalahan berikut dan metro tidak dimulai. Ada petunjuk …

117 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

Saya ingin aplikasi ReactJS saya memberi tahu pengguna saat keluar dari halaman tertentu. Khususnya pesan popup yang mengingatkan dia untuk melakukan suatu tindakan: "Perubahan disimpan, tapi belum dipublikasikan. Lakukan sekarang?" Haruskah saya memicu ini react-routersecara global, atau apakah ini sesuatu yang dapat dilakukan dari dalam halaman / komponen react? Saya …

117 reactjs  react-router 

Ketika saya menyiapkan React dalam proyek Django saya menemukan kesalahan ini ModuleBuildError dalam Pembuatan modul gagal (dari ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Dukungan untuk sintaks eksperimental 'classProperties 'saat ini tidak diaktifkan (17: 9): 15 | 16 | class …

117 reactjs  webpack  babeljs  babel 

Saya mulai menggunakan Facebook React dalam proyek Backbone dan sejauh ini berjalan dengan sangat baik. Namun, saya melihat beberapa duplikasi merayap ke kode React saya. Misalnya, saya memiliki beberapa widget seperti formulir dengan status seperti INITIAL, SENDINGdan SENT. Ketika tombol ditekan, formulir perlu divalidasi, permintaan dibuat, dan kemudian status diperbarui. …

116 javascript  refactoring  mixins  reactjs 

Saya tahu saya tidak seharusnya mengubah input dan harus mengkloning objek untuk mengubahnya. Saya mengikuti konvensi yang digunakan pada proyek pemula redux yang digunakan: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) untuk menambahkan item - Saya menggunakan spread untuk menambahkan item dalam array. untuk menghapus …

116 javascript  reactjs  redux 

Saya mulai dengan React.js dan saya ingin membuat formulir sederhana tetapi dalam dokumentasi saya telah menemukan dua cara untuk melakukannya. Yang pertama menggunakan Referensi : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author = React.findDOMNode(this.refs.author).value.trim(); var text = React.findDOMNode(this.refs.text).value.trim(); if (!text || !author) { return; } // TODO: …

116 reactjs 

Saya tahu di vanilla js, kita bisa melakukannya onclick="f1();f2()" Apa yang setara untuk membuat dua panggilan fungsi onClick di ReactJS? Saya tahu memanggil satu fungsi seperti ini: onClick={f1}

116 javascript  reactjs 

Saya memiliki beberapa efek samping untuk diterapkan dan ingin tahu bagaimana mengaturnya: sebagai satu useEffect atau beberapa useEffects Apa yang lebih baik dalam hal kinerja dan arsitektur?

116 reactjs  react-hooks 

Saya memiliki komponen berikut ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false // } // } componentDidUpdate(prevProps, prevState) { var otherRadBtn = …

115 reactjs  ecmascript-6 

Mendapatkan kesalahan ini saat membangun aplikasi iOS react-native di xcode. Mulai mendapatkan kesalahan ini setelah npm install dan rpm menghubungkan library react-native-fs . Tetapi setelah mencari solusi secara online, saya perhatikan bahwa banyak orang mendapatkan kesalahan yang sama saat menginstal pustaka asli react lainnya. Sebuah solusi yang mungkin disarankan oleh …

115 ios  xcode  reactjs  native  react-native-ios 

Apakah mungkin untuk mendapatkan posisi scroll saat ini, atau halaman saat ini dari <ScrollView>komponen di React Native? Jadi sesuatu seperti: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>

115 ios  reactjs  react-native 

Berikut adalah komponen dasarnya. Baik <ul>dan <li>memiliki fungsi onClick. Saya hanya ingin onClick yang <li>menyala, bukan <ul>. Bagaimana saya bisa mencapai ini? Saya telah bermain-main dengan e.preventDefault (), e.stopPropagation (), tetapi tidak berhasil. class List extends React.Component { constructor(props) { super(props); } handleClick() { // do something } render() { …

115 reactjs  onclick  event-propagation 

Saya telah bermain-main dengan sistem hook baru di React 16.7-alpha dan terjebak dalam loop tak terbatas dalam useEffect ketika keadaan yang saya tangani adalah objek atau array. Pertama, saya menggunakan useState dan memulainya dengan objek kosong seperti ini: const [obj, setObj] = useState({}); Kemudian, dalam useEffect, saya menggunakan setObj untuk …

115 reactjs  react-hooks