Pertanyaan yang diberi tag «reactjs»

Saya ingin menyertakan / menghilangkan atribut nonaktif secara dinamis pada elemen tombol. Saya telah melihat banyak contoh nilai atribut dinamis, tetapi tidak dari atribut itu sendiri. Saya memiliki fungsi render berikut: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return <button {maybeDisabled}>Clear cart</button> } Ini memunculkan kesalahan …

93 reactjs 

Saya hanya dapat melihat aplikasi sebenarnya di bawah /public. Konfigurasi di webpack.config.jsbawah ini: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], …

93 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

Apa penyebab masalah berikut ini? Apakah Versi SDK Android saya tidak didukung? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools …

92 javascript  android  reactjs  react-native 

Dalam komponen react saya, saya mencoba menerapkan pemintal sederhana saat permintaan ajax sedang berlangsung - saya menggunakan status untuk menyimpan status pemuatan. Untuk beberapa alasan, bagian kode di bawah ini di komponen React saya membuat kesalahan ini Hanya dapat memperbarui komponen yang dipasang atau dipasang. Ini biasanya berarti Anda memanggil …

92 javascript  ajax  reactjs  state 

Saya ingin menggunakan acara keyDown pada div di React. Saya melakukan: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> <img src={IMG_URL+player.img} …

92 reactjs  events  keypress  keydown 

Misalnya: codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });

92 javascript  select  input  reactjs 

Prinsip pertama dari dokumentasi Redux adalah: Status seluruh aplikasi Anda disimpan dalam pohon objek dalam satu penyimpanan. Dan saya benar-benar berpikir bahwa saya memahami semua kepala sekolah dengan baik. Tapi sekarang saya bingung apa artinya aplikasi. Jika aplikasi berarti hanya satu dari bagian kecil yang rumit dalam situs web dan …

92 reactjs  redux  flux 

Saya memiliki elemen kotak centang TSX (JSX): <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> Dengan bantuan kode VS saya tahu bahwa jenis parameter input this.handleCheckboxClickadalah MouseEvent<HTMLInputElement>. Jadi saya menerapkannya dengan: private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } Kemudian saya mendapatkan kesalahan yang mengatakan [ts] Type 'MouseEvent' is not generic.Seperti yang ditunjukkan pada gambar …

92 reactjs  typescript  events  types  jsx 

Saya menggunakan ReactJS dan sebagian aplikasi saya membutuhkan JSON yang cukup dicetak. Saya mendapatkan beberapa JSON seperti:, { "foo": 1, "bar": 2 }dan jika saya menjalankannya JSON.stringify(obj, null, 4)di konsol browser, hasilnya bagus, tetapi ketika saya menggunakannya dalam cuplikan reaksi ini: render: function() { var json = this.getStateFromFlux().json; return ( …

92 javascript  json  reactjs  flux 

Menggunakan metode css-in-js untuk menambahkan kelas ke komponen react, bagaimana cara menambahkan beberapa komponen? Berikut adalah variabel kelas: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Inilah cara saya menggunakannya: return ( <div className={ this.props.classes.container }> Cara di atas …

92 css  reactjs  material-design  material-ui  jss 

Saya ingin bertanya bagaimana bereaksi menangani native atau melakukan font responsif. Misalnya di iphone 4s saya memiliki fontSize: 14, sedangkan di iphone 6 saya memiliki fontSize: 18.

92 ios  reactjs  react-native 

Saya tahu bahwa ekstensi chrome menggunakan 'manifest.json`, tetapi di sini, ekstensi itu juga digunakan sebagai sesuatu yang lain. isi - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } Ketika …

92 reactjs  manifest  create-react-app 

Saya melihat dokumentasi Facebook di ( React.Component ) dan menyebutkan bagaimana componentWillMountdipanggil pada klien / server sedangkan componentDidMounthanya dipanggil pada klien. Apa componentWillMounthubungannya dengan server?

91 reactjs 

Saya menggunakan Sublime Text sebagai editor teks. Ada jsFormat untuk memformat file javascript tetapi saya tidak dapat menemukannya untuk JSX. Bagaimana kalian menangani pemformatan JSX?

91 reactjs  sublimetext  react-jsx 

Saya sedang mengerjakan proyek dengan Typecript, React dan Redux (semua berjalan di Electron), dan saya mengalami masalah ketika saya memasukkan satu komponen berbasis kelas ke komponen lain dan mencoba untuk melewatkan parameter di antara mereka. Secara longgar, saya memiliki struktur berikut untuk komponen container: class ContainerComponent extends React.Component<any,any> { .. …

91 reactjs  typescript  redux  electron  jsx