Pertanyaan yang diberi tag «reactjs»

Bereaksi mampu membuat atribut khusus seperti yang dijelaskan di http://facebook.github.io/react/docs/jsx-gotchas.html : Jika Anda ingin menggunakan atribut khusus, Anda harus awalan dengan data-. <div data-custom-attribute="foo" /> Dan itu berita bagus kecuali saya tidak dapat menemukan cara untuk mengaksesnya dari objek acara misalnya: render: function() { ... <a data-tag={i} style={showStyle} onClick={this.removeTag}></a> ... …

214 javascript  facebook  reactjs 

Di Bereaksi, Anda dapat dengan jelas membuat objek dan menetapkannya sebagai gaya sebaris. yaitu. disebutkan di bawah. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var divStyle2 …

214 reactjs 

Saya mengalami kesulitan berurusan dengan ReactJS facebook. Setiap kali saya melakukan ajax dan ingin menampilkan data html, ReactJS menampilkannya sebagai teks. (Lihat gambar di bawah) Data ditampilkan melalui fungsi panggilan balik sukses dari jquery Ajax. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); …

212 javascript  jquery  ajax  reactjs 

Saya meneruskan 2 nilai ke komponen anak: Daftar objek untuk ditampilkan hapus fungsi. Saya menggunakan fungsi .map () untuk menampilkan daftar objek saya (seperti pada contoh yang diberikan pada halaman tutorial bereaksi), tetapi tombol pada komponen tersebut mengaktifkan onClickfungsi, pada render (seharusnya tidak menyala pada waktu render). Kode saya terlihat …

212 javascript  reactjs  button  onclick  dom-events 

Setelah menghabiskan waktu belajar Bereaksi, saya memahami perbedaan antara dua paradigma utama pembuatan komponen. Pertanyaan saya adalah kapan saya harus menggunakan yang mana dan mengapa? Apa manfaat / pengorbanan dari satu di atas yang lain? Kelas ES6: import React, { Component } from 'react'; export class MyComponent extends Component { …

212 javascript  reactjs  ecmascript-6  redux 

Bagaimana cara memusatkan Teks di ReactNative baik secara horizontal maupun vertikal? Saya punya contoh aplikasi di rnplay.org di mana justifyContent = "center" dan alignItems = "center" tidak berfungsi: https://rnplay.org/apps/AoxNKQ Teks harus di tengah. Dan mengapa ada margin di bagian atas antara teks (kuning) dan wadah induk? Kode: 'use strict'; var …

212 reactjs  flexbox  react-native 

Saya mencoba mengirim data dari komponen anak ke induknya sebagai berikut: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); dan di sini adalah komponen anak: export const SelectLanguage …

212 reactjs 

Proyek saya didasarkan pada aplikasi create-react-app . npm startatau yarn startsecara default akan menjalankan aplikasi pada port 3000 dan tidak ada opsi untuk menentukan port di package.json. Bagaimana saya bisa menentukan port pilihan saya dalam kasus ini? Saya ingin menjalankan dua proyek ini secara bersamaan (untuk pengujian), satu di port …

212 reactjs  npm 

Ada sesuatu yang saya pikir sangat membingungkan ketika bekerja React. Ada banyak contoh yang tersedia di internet yang menggunakan .jsfile dengan reaksi tetapi banyak lainnya menggunakan .jsxfile. Saya telah membaca tentang .jsxfile dan pengertian saya adalah mereka membiarkan Anda menulis tag html di dalam file Anda javascript. Tetapi hal yang …

211 reactjs  jsx 

Saat ini saya sedang mengerjakan kerangka Bereaksi JS dan Bereaksi Asli . Di tengah jalan saya menemukan Immutability atau Immutable-JS library , ketika saya membaca tentang implementasi Flux dan Redux Facebook. Pertanyaannya adalah, mengapa kekekalan begitu penting? Apa yang salah dalam bermutasi objek? Bukankah itu membuat hal-hal sederhana? Sebagai contoh, …

206 javascript  reactjs  functional-programming  immutability  immutable.js 

Dalam Bereaksi, apakah ada perbedaan nyata antara kedua implementasi ini? Beberapa teman mengatakan kepada saya bahwa FirstComponent adalah polanya, tetapi saya tidak mengerti mengapa. Komponen Kedua tampaknya lebih sederhana karena render disebut hanya sekali. Pertama: import React, { PropTypes } from 'react' class FirstComponent extends React.Component { state = { …

205 javascript  reactjs  components 

The useEffect Bereaksi kait akan menjalankan disahkan pada fungsi pada setiap perubahan. Ini dapat dioptimalkan agar panggilan hanya ketika properti yang diinginkan berubah. Bagaimana jika saya ingin memanggil fungsi inisialisasi dari componentDidMountdan tidak menyebutnya lagi pada perubahan? Katakanlah saya ingin memuat entitas, tetapi fungsi pemuatan tidak memerlukan data dari komponen. …

205 javascript  reactjs  react-hooks 

Saya baru mengenal Bootstrap dan terjebak dengan masalah ini. Saya memiliki bidang input dan segera setelah saya memasukkan hanya satu digit, fungsi dari onChangedipanggil, tetapi saya ingin itu dipanggil ketika saya menekan 'Enter ketika seluruh nomor telah dimasukkan. Masalah yang sama untuk fungsi validasi - panggilannya terlalu cepat. var inputProcent …

204 javascript  twitter-bootstrap  reactjs 

Saya baru mengenal ReactJS, maaf jika ini tidak aktif. Saya memiliki komponen yang membuat beberapa baris tabel sesuai dengan data yang diterima. Setiap sel dalam kolom memiliki kotak centang radio. Karenanya pengguna dapat memilih satu site_namedan satu addressdari baris yang ada. Seleksi harus ditunjukkan dalam catatan kaki. Dan di situlah …

204 html  reactjs 

Saya sedang membangun sesuatu dengan React di mana saya harus memasukkan HTML dengan React Variables di JSX. Apakah ada cara untuk memiliki variabel seperti: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; dan memasukkannya ke dalam reaksi seperti itu, dan membuatnya bekerja? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); …

203 javascript  html  frontend  reactjs  react-jsx