Pertanyaan yang diberi tag «reactjs»

Saya mencoba mempelajari kait dan useStatemetode ini membuat saya bingung. Saya menetapkan nilai awal ke keadaan dalam bentuk array. Metode yang diset di useStatetidak berfungsi untuk saya bahkan dengan spread(...)atau without spread operator. Saya telah membuat API di PC lain yang saya panggil dan mengambil data yang ingin saya setel …

167 javascript  reactjs  react-hooks 

Saat ini saya sedang melalui tutorial React-Native. Saya mulai dengan tutorial Memulai, di mana saya membuat proyek asli reaksi baru dan berhasil menjalankan proyek pada perangkat saya. Saya kemudian memulai tutorial Alat Peraga , saya menyalin cuplikan kode dan mencoba menjalankan proyek lagi dan memiliki pesan kesalahan berikut muncul di …

166 javascript  facebook  reactjs  react-native 

Bagaimana saya bisa memuat gambar dari direktori lokal dan memasukkannya ke dalam reactjs img srctag? Saya memiliki gambar yang disebut one.jpegdi dalam folder yang sama dengan komponen saya dan saya mencoba keduanya <img src="one.jpeg" />dan <img src={"one.jpeg"} />di dalam renderfungsi saya tetapi gambar tidak muncul. Juga, saya tidak memiliki akses …

166 reactjs 

Dalam Bereaksi 16.2, dukungan yang ditingkatkan untuk Fragmentstelah ditambahkan. Informasi lebih lanjut dapat ditemukan di posting blog React di sini. Kita semua akrab dengan kode berikut: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); } …

165 reactjs 

Saya mencoba menulis komponen Bereaksi. untuk tag heading html (h1, h2, h3, dll ...), di mana prioritas heading berubah secara dinamis berdasarkan prioritas yang telah kami tentukan dalam alat peraga. Inilah yang saya coba lakukan. <h{this.props.priority}>Hello</h{this.props.priority}> output yang diharapkan: <h1>Hello</h1> Ini tidak bekerja. Apakah ada metode yang memungkinkan untuk melakukan …

163 reactjs  jsx 

Adakah yang bisa menjelaskan perbedaannya? <Route exact path="/" component={Home} /> dan <Route path="/" component={Home} /> Saya tidak tahu arti 'tepat'

163 reactjs  react-router  react-router-dom 

Inilah yang saya coba dan bagaimana kesalahannya. Ini bekerja: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Ini tidak: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> Properti deskripsi hanyalah string normal konten HTML. Namun itu diterjemahkan sebagai string, bukan sebagai HTML karena alasan tertentu. Ada saran?

162 javascript  html  reactjs  jsx 

Saya memiliki status berikut: this.setState({ selected: { id: 1, name: 'Foobar' } }); Lalu saya memperbarui status: this.setState({ selected: { name: 'Barfoo' }}); Karena setStateseharusnya bergabung saya harapkan itu menjadi: { selected: { id: 1, name: 'Barfoo' } }; Tetapi sebaliknya ia memakan id dan negara bagian adalah: { selected: …

160 javascript  reactjs 

react-native run-androidperintah berakhir dengan meninggalkan pesan di simulator android. Pesannya adalah sebagai berikut: Tidak dapat memuat skrip. Pastikan Anda menjalankan server Metro atau bundel 'index.android.bundle' Anda dikemas dengan benar untuk dirilis. Apa yang saya lakukan salah?

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

Bagaimana cara mendapatkan ketinggian viewport di ReactJS? Dalam JavaScript normal saya gunakan window.innerHeight() tetapi menggunakan ReactJS, saya tidak yakin bagaimana mendapatkan informasi ini. Pemahaman saya adalah itu ReactDOM.findDomNode() hanya berfungsi untuk komponen yang dibuat. Namun ini bukan kasus untuk elemen documentatau body, yang bisa memberi saya ketinggian jendela.

160 javascript  reactjs  window  viewport 

Saya menjelajahi kemungkinan React Native sambil mengembangkan aplikasi demo dengan navigasi khusus antara tampilan dengan bantuan Navigatorkomponen . Kelas aplikasi utama menjadikan navigator dan renderScenekomponen pengembalian di dalam berlalu: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, …

158 javascript  ios  navigation  reactjs  react-native 

var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); The onChangeevent tidak bekerja.

158 javascript  reactjs 

Saya perlu menambahkan kelas dinamis ke daftar kelas reguler, tetapi tidak tahu caranya (saya menggunakan babel), sesuatu seperti ini: <div className="wrapper searchDiv {this.state.something}"> ... </div> Ada ide?

158 css  reactjs 

Saya menulis beberapa kode: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Saya mendapatkan kesalahan: Tipe elemen JSX Elemtidak memiliki tanda tangan konstruksi atau panggilan Apa artinya?

158 reactjs  typescript  material-ui 

Apakah ada pendekatan sistematis untuk men-debug apa yang menyebabkan komponen untuk merender ulang di Bereaksi? Saya meletakkan console.log sederhana () untuk melihat berapa banyak waktu render, tetapi saya mengalami kesulitan mencari tahu apa yang menyebabkan komponen untuk membuat beberapa kali yaitu (4 kali) dalam kasus saya. Apakah ada alat yang …

156 reactjs  redux