Garis tunggal berfungsi dengan baik render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } bukan untuk beberapa baris render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description...
Saya sedang mengerjakan aplikasi react menggunakan react-router. Saya memiliki halaman proyek yang memiliki url sebagai berikut: myapplication.com/project/unique-project-id Ketika komponen proyek dimuat, saya memicu permintaan data untuk proyek itu dari acara componentDidMount. Saya sekarang...
Saya memiliki dua komponen: Komponen Induk tempat saya ingin mengubah status komponen anak: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent...
Saya memiliki pengaturan bahasa dalam konteks seperti di bawah ini class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default...
Saya mencoba mengimpor komponen dari react-materialize sebagai - import {Navbar, NavItem} from 'react-materialize'; Tetapi ketika webpack mengkompilasi saya, .tsxitu membuat kesalahan di atas sebagai - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file...
saya baru saja memulai dengan Reactjs dan sedang menulis komponen sederhana untuk menampilkan litag dan menemukan kesalahan ini: Token tak terduga '<' Saya telah meletakkan contoh di jsbin di bawah ini http://jsbin.com/UWOquRA/1/edit?html,js,console,output Tolong beritahu saya apa yang...
Saya memiliki sidenav dengan sekelompok tim bola basket. Jadi saya ingin menampilkan sesuatu yang berbeda untuk setiap tim ketika salah satu dari mereka diarahkan. Juga, saya menggunakan Reactjs jadi jika saya bisa memiliki variabel yang bisa saya berikan ke komponen lain yang akan luar...
Saya memiliki beberapa data yang disebut stasiun yang merupakan larik yang berisi objek. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Saya ingin merender komponen ui untuk setiap posisi array. Sejauh ini saya bisa menulis var stationsArr = []...
Adakah cara untuk mensimulasikan componentDidMountdalam komponen fungsional React melalui hook?
Saya memiliki yang berikut ini: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard"
Saya mencoba meneruskan nama kelas ke komponen react untuk mengubah gayanya dan sepertinya tidak bisa berfungsi: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill...
Saya ingin mengimpor file CSS menjadi komponen react. Saya sudah mencoba import disabledLink from "../../../public/styles/disabledLink";tetapi saya mendapatkan kesalahan di bawah ini; Modul tidak ditemukan: Kesalahan: Tidak dapat menyelesaikan 'file' atau 'direktori'
Bagaimana saya bisa secara manual memicu event klik di ReactJS ? Saat pengguna mengklik elemen1, saya ingin memicu klik pada inputtag secara otomatis. <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div...
Katakanlah saya memiliki daftar objek polos this.state.listyang kemudian dapat saya gunakan untuk membuat daftar anak-anak. Lalu bagaimana cara yang benar untuk memasukkan objek this.state.list? Di bawah ini adalah satu-satunya cara yang menurut saya akan berhasil karena Anda tidak dapat memutasi...
Saat mengirimkan formulir, saya mencoba untuk doSomething()melakukan perilaku posting default. Rupanya di React, onSubmit adalah acara yang didukung untuk formulir. Namun, ketika saya mencoba kode berikut: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){...
Baru-baru ini saya telah mempelajari banyak hal tentang fungsionalitas dan cara menggunakan perpustakaan JavaScript Facebook React.js. Ketika berbicara tentang perbedaan nya ke seluruh dunia JavaScript sering dua gaya pemrograman declarativedan imperativeyang mentionned. Apa perbedaan...
Saya telah menggunakan fitur ECMAScript 6 dan ECMAScript 7 (berkat Babel) di aplikasi saya - baik seluler maupun web. Langkah pertama yang jelas adalah ECMAScript 6 level. Saya belajar banyak pola async, promise (yang benar-benar menjanjikan), generator (tidak yakin mengapa simbol *), dll. Dari...
Dalam dokumentasi React ini, disebutkan bahwa shallowCompare melakukan pemeriksaan kesetaraan dangkal pada properti saat ini dan objek nextProps serta status saat ini dan objek nextState. Hal yang tidak dapat saya pahami adalah Jika membandingkan objek secara dangkal maka metode...
Saya telah membangun situs web dengan React.js dan webpack . Saya ingin menggunakan font Google di halaman web, jadi saya meletakkan link di bagian tersebut. Google Fonts <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Dan atur CSS body{...
Saya baru mengenal ReactJs. Ini kode saya: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...