Pertanyaan yang diberi tag «reactjs»

Saya terlalu sering mendengar istilah "mount" saat mempelajari ReactJS. Dan tampaknya ada metode siklus hidup dan kesalahan terkait istilah ini. Apa sebenarnya yang dimaksud dengan React dengan mount? Contoh: componentDidMount() and componentWillMount()

128 javascript  reactjs 

Apakah mungkin untuk menanamkan markup SVG ke komponen ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Menghasilkan kesalahan: Atribut Namespace tidak didukung. ReactJSX bukan XML. Apa cara teringan untuk melakukan ini. Menggunakan sesuatu seperti React ART adalah cara yang terlalu berlebihan untuk …

127 javascript  svg  reactjs 

Saya baru saja menemukan bahwa dalam this.setState()fungsi react di setiap komponen adalah asynchronous atau dipanggil setelah selesainya fungsi yang dipanggilnya. Sekarang saya mencari dan menemukan blog ini ( setState () State Mutation Operation May Be Synchronous In ReactJS ) Di sini ia menemukan bahwa setStateasync (dipanggil saat tumpukan kosong) atau …

127 javascript  multithreading  asynchronous  reactjs 

Saya ingin membangun sistem obrolan dan secara otomatis menggulir ke bawah saat memasuki jendela dan saat pesan baru masuk. Bagaimana Anda secara otomatis menggulir ke bagian bawah wadah di React?

127 reactjs 

Saya baru mengenal ReactJS dan UI dan saya ingin tahu cara membuat panggilan POST sederhana berbasis REST dari kode ReactJS. Jika ada contoh yang hadir, itu akan sangat membantu.

126 reactjs  reactjs-flux  reactjs-native 

Saya mencoba menggunakan event.stopPropagation () dalam komponen ReactJS untuk menghentikan event klik menggelembung dan memicu event klik yang dilampirkan dengan JQuery dalam kode lama, tetapi sepertinya stopPropagation () React hanya menghentikan propagasi ke event juga terpasang di React, dan stopPropagation () JQuery tidak menghentikan propagasi ke kejadian yang dilampirkan dengan …

126 javascript  jquery  reactjs 

Bagaimana cara mendeteksi penekanan tombol Esc di reactjs? Hal yang mirip dengan jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Setelah terdeteksi saya ingin meneruskan info ke komponen. Saya memiliki 3 komponen yang komponen aktif terakhirnya …

126 javascript  reactjs 

Saya seorang pemula javascript / redux / react membangun aplikasi kecil dengan redux, react-redux, & react. Untuk beberapa alasan saat menggunakan fungsi mapDispatchToProps bersama-sama dengan connect (react-redux binding) saya menerima TypeError yang menunjukkan bahwa pengiriman bukan fungsi ketika saya mencoba menjalankan prop yang dihasilkan. Namun, ketika saya memanggil dispatch sebagai …

124 javascript  reactjs  redux  react-redux 

Saya bekerja dengan create-react-appdan menemukan masalah ini di mana saya dapatkan Home does not contain an export named Home. Inilah cara saya menyiapkan App.jsfile saya : import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { …

123 javascript  reactjs  ecmascript-6  create-react-app 

Keduanya memiliki Route, Link, dll. Kapan menggunakan salah satu atau lainnya? Saya benar-benar bingung di mana harus menggunakan masing-masing. Sisi server? Sisi klien? https://reacttraining.com/react-router/ Dalam beberapa contoh Anda harus meneruskan sejarah, pada contoh lainnya tidak. Apa yang harus dilakukan? <Router history={browserHistory}> vs. <Router> Benar-benar membingungkan kapan harus menggunakan satu atau …

123 reactjs  react-router 

Kode berikut dapat ditemukan dalam contoh langsung ini Saya punya elemen react native berikut: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here is …

123 css  reactjs  react-native  flexbox 

Bagaimana cara mengakses status redux di dalam fungsi saga? Jawaban singkat: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

123 javascript  reactjs  redux  react-redux  redux-saga 

Adakah yang bisa memberi tahu saya bagaimana saya bisa kembali ke halaman sebelumnya daripada rute tertentu? Saat menggunakan kode ini: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Dapatkan kesalahan ini, goBack () diabaikan …

123 javascript  reactjs  react-router 

Saya membuat aplikasi react kecil dan gambar lokal saya tidak bisa dimuat. Gambar seperti placehold.it/200x200memuat. Saya pikir mungkin itu bisa menjadi sesuatu dengan server? Ini adalah App.js saya import React, { Component } from 'react'; class App extends Component { render() { return ( <div className="home-container"> <div className="home-content"> <div className="home-text"> …

123 javascript  reactjs 

Saya melihat ini. Bukan misteri apa yang dikeluhkan: Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div. Saya penulis SomeComponentdan SomeOtherComponent. Tetapi yang terakhir menggunakan ketergantungan eksternal ( ReactTooltipdari react-tooltip). Mungkin tidak penting bahwa ini adalah …

123 reactjs