Pertanyaan yang diberi tag «reactjs»

Saya mengalami masalah saat menavigasi ke halaman lain, posisinya akan tetap seperti halaman sebelumnya. Jadi itu tidak akan bergulir ke atas secara otomatis. Saya juga mencoba menggunakan window.scrollTo(0, 0)di onChangerouter. Saya juga pernah scrollBehaviormemperbaiki masalah ini tetapi tidak berhasil. Ada saran tentang ini?

120 javascript  reactjs  react-router  react-router-redux 

Saya mencoba contoh useEffect seperti di bawah ini: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan dan saya mendapatkan peringatan ini di konsol saya. Tapi pembersihan …

120 javascript  reactjs  react-hooks 

Saya sedang membaca dokumentasi hook ketika saya menemukan useRef. Melihat contoh mereka… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the input</button> </> ); } …

120 javascript  reactjs  react-hooks 

Saya membuat aplikasi yang harus tersedia dalam berbagai bahasa dan lokal. Pertanyaan saya bukanlah semata-mata teknis, melainkan tentang arsitektur, dan pola yang sebenarnya digunakan orang dalam produksi untuk memecahkan masalah ini. Saya tidak bisa menemukan "buku masak" untuk itu, jadi saya beralih ke situs web Tanya Jawab favorit saya :) …

119 architecture  internationalization  reactjs  translation  redux 

Apa arti dari {...this.props} Saya mencoba menggunakannya seperti itu <div {...this.props}> Content Here </div>

119 reactjs 

Katakanlah saya memiliki komponen dengan render seperti ini: <View style={jewelStyle}></View> Di mana permataStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Bagaimana saya bisa membuat warna latar belakang dinamis dan ditetapkan secara acak? Saya sudah mencoba { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Tapi …

119 css  reactjs  react-native 

Saya bermain sedikit dengan Material-UI . Apakah ada opsi untuk membuat tata letak kisi (seperti di Bootstrap )? Jika tidak, bagaimana cara menambahkan fungsionalitas ini? Ada komponen GridList tapi saya rasa itu memiliki tujuan yang berbeda.

118 reactjs  material-design  material-ui  grid-system 

Saya ingin meneruskan teks dengan tag HTML, seperti: <MyComponent text="This is <strong>not</strong> working." /> Tetapi di dalam MyComponentmetode render, ketika saya mencetak this.props.text, itu benar-benar mencetak semuanya: This is <strong>not</strong> working. Apakah ada cara untuk membuat React mem-parse HTML dan membuangnya dengan benar?

118 reactjs 

Saya masih pemula di React dan dalam banyak contoh di internet, saya melihat variasi dalam merender elemen anak yang menurut saya membingungkan. Biasanya saya melihat ini: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } } Tapi kemudian saya melihat contoh seperti ini: <ReactCSSTransitionGroup …

118 reactjs 

Saya mencoba semua cara membuat aplikasi react. Saya telah mencoba dengan maven dan sekarang saya mencoba dengan sistem pembuatan aplikasi crate-react dari Facebook Incubators. Ketika saya mencoba menjalankan perintah create-react-app my-appdi lingkungan npm, itu berfungsi pada sistem pribadi saya tanpa masalah. Tetapi ketika saya mencoba perintah yang sama di lingkungan …

118 node.js  reactjs  npm  create-react-app 

Saya baru saja mulai mengerjakan proyek React dengan TypeScript dan bertanya pada diri sendiri apa yang harus saya lakukan dengan file kelas biasa? Haruskah saya menggunakan .tsatau .tsxfile dan kemudian saya tidak dapat menemukan alasan untuk tidak menggunakan .tsxfile sepanjang waktu bahkan ketika itu bukan proyek React! Apakah ada alasan …

118 javascript  reactjs  typescript 

Sebagai pemula di dunia React, saya ingin memahami secara mendalam apa yang terjadi saat saya menggunakan {this.props.children}dan situasi apa yang menggunakan hal yang sama. Apa relevansinya dengan potongan kode di bawah ini? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

118 javascript  reactjs  react-redux  frontend 

Di aplikasi react saya, saya menggunakan axios untuk melakukan permintaan REST api. Tetapi tidak dapat mengirim header Otorisasi dengan permintaan tersebut. Ini kode saya: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response ) => { console.log( …

118 reactjs  rest  token  axios  access-token 

Saya menggunakan Axios saat memprogram di ReactJS dan saya berpura-pura mengirim permintaan DELETE ke server saya. Untuk melakukannya, saya memerlukan header: headers: { 'Authorization': ... } dan tubuh terdiri dari var payload = { "username": .. } Saya telah mencari di antar web dan hanya menemukan bahwa metode DELETE memerlukan …

118 javascript  reactjs  http  axios  http-delete 

Ketika saya menjalankan react-native run-iosbuild berhasil tetapi saya mendapatkan kesalahan di bawah ini. Saya sudah memeriksa semua tempat tetapi sepertinya tidak ada yang berfungsi. Menggunakan sudodi depan perintah juga tidak membantu. Saya menggunakan Xcode 7.3, react-native-cli: 0.2.0, react-native: 0.24.1, node v5.11.0. === BUILD TARGET mobileTests OF PROJECT mobile WITH CONFIGURATION …

117 ios  reactjs  react-native