Pertanyaan yang diberi tag «reactjs»

Saya mencoba menggunakan kait reaksi untuk masalah sederhana const [personState,setPersonState] = useState({ DefinedObject }); dengan dependensi berikut. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } tapi saya masih mendapatkan kesalahan berikut: ./src/App.js Baris 7: React Hook "useState" disebut dalam fungsi "app" yang bukan komponen fungsi Bereaksi atau fungsi React …

148 reactjs  react-hooks 

Saat ini saya sedang membangun satu aplikasi halaman menggunakan reactjs. Saya membaca bahwa banyak alasan untuk tidak menggunakan localStorage adalah karena kerentanan XSS. Karena Bereaksi lolos dari semua input pengguna, apakah sekarang aman menggunakan localStorage?

147 reactjs  local-storage  jwt 

Saya menggunakan ReactJS dan ketika pengguna mengklik tautan, saya ingin menyalin beberapa teks ke clipboard. Saya menggunakan Chrome 52 dan saya tidak perlu mendukung browser lain. Saya tidak bisa melihat mengapa kode ini tidak menghasilkan data yang disalin ke clipboard. (asal potongan kode berasal dari pos Reddit). Apakah saya melakukan …

147 javascript  reactjs  clipboard 

Saya mencoba untuk mengkonversi komponen jQuery ke React.js dan salah satu hal yang saya mengalami kesulitan dengan rendering n sejumlah elemen berdasarkan for for loop. Saya mengerti ini tidak mungkin, atau direkomendasikan dan bahwa di mana ada array dalam model itu masuk akal untuk digunakan map. Tidak apa-apa, tetapi bagaimana …

146 javascript  jquery  reactjs  react-jsx 

Apa yang setara dengan fungsi $ watch sudut pada React.js? Saya ingin mendengarkan perubahan status dan memanggil fungsi seperti getSearchResults (). componentDidMount: function() { this.getSearchResults(); }

143 javascript  reactjs 

Baru di Django dan bahkan lebih baru di ReactJS. Saya telah melihat AngularJS dan ReactJS, tetapi memutuskan ReactJS. Sepertinya AngularJS mengalahkan popularitasnya meskipun AngularJS memiliki lebih banyak pangsa pasar, dan ReactJS dikatakan lebih cepat untuk diambil. Mengesampingkan semua sampah itu, saya mulai mengambil kursus tentang Udemy dan setelah beberapa video …

143 django  reactjs 

Sepertinya componentWillReceivePropsakan sepenuhnya dihapus dalam rilis mendatang, mendukung metode siklus hidup baru getDerivedStateFromProps: getDerivedStateFromProps statis () . Setelah diperiksa, sepertinya Anda sekarang tidak dapat membuat perbandingan langsung antara this.propsdan nextProps, seperti yang Anda bisa lakukan componentWillReceiveProps. Apakah ada cara untuk mengatasi ini? Juga, sekarang mengembalikan objek. Apakah saya benar mengasumsikan …

142 javascript  reactjs  lifecycle 

Kode lengkap di sini: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Hai, Saya memiliki aplikasi di mana ia menunjukkan template yang berbeda untuk desktop dan seluler berdasarkan lingkungan build. Saya berhasil mengembangkannya di mana saya perlu menyembunyikan menu navigasi untuk templat seluler saya. saat ini saya dapat menulis satu test case di mana ia mengambil semua …

142 reactjs  mocha  redux 

Dalam bereaksi dan app saya naskah, saya menggunakan: onChange={(e) => data.motto = (e.target as any).value}. Bagaimana cara saya mendefinisikan typing untuk kelas dengan benar, jadi saya tidak perlu meretas jalan saya dengan sistem type any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { …

142 reactjs  typescript  types  typescript-typings 

Penasaran apa cara yang tepat untuk mendekati ini adalah: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 …

141 javascript  reactjs  jsx 

Saya membuat langkah pertama saya di ReactJS dan mencoba memahami komunikasi antara orang tua dan anak-anak. Saya membuat formulir, jadi saya memiliki komponen untuk bidang penataan. Dan juga saya memiliki komponen induk yang mencakup bidang dan memeriksanya. Contoh: var LoginField = React.createClass({ render: function() { return ( <MyField icon="user_icon" placeholder="Nickname" …

140 javascript  reactjs 

Saya tahu bahwa Bereaksi dapat melakukan pembaruan status secara tidak sinkron dan sekaligus untuk optimasi kinerja. Karena itu Anda tidak pernah bisa mempercayai keadaan yang akan diperbarui setelah menelepon setState. Tapi yang dapat Anda percaya Bereaksi untuk memperbarui negara dalam urutan yang sama seperti setStateyang disebut untuk komponen yang sama? …

139 javascript  reactjs  state  setstate 

Apakah menggunakan componentDidMount()sebagai fungsi async praktik yang baik dalam Bereaksi Asli atau haruskah saya menghindarinya? Saya perlu mendapatkan beberapa info dari AsyncStoragesaat komponen mount, tetapi satu-satunya cara saya tahu untuk membuat itu mungkin adalah membuat componentDidMount()fungsi async. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } Apakah …

139 reactjs  asynchronous  react-native 

Saya menggunakan Typecript dengan React. Saya mengalami kesulitan memahami bagaimana menggunakan ref untuk mendapatkan pengetikan statis dan intellisense sehubungan dengan node react yang direferensikan oleh ref. Kode saya adalah sebagai berikut. import * as React from 'react'; interface AppState { count: number; } interface AppProps { steps: number; } interface …

139 reactjs  typescript 

Saya memiliki komponen fungsional yang sangat sederhana sebagai berikut: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; Dan komponen lainnya: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const layout …

138 reactjs  typescript  jsx  typescript2.0