Pertanyaan yang diberi tag «reactjs»

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 mengalami masalah di mana jika saya beralih langsung di antara dua proyek jadi hanya id yang berubah …

100 reactjs  react-router 

Saya ingin membuat komponen React yang dapat diseret (yaitu, dapat diposisikan ulang oleh mouse), yang tampaknya melibatkan keadaan global dan penangan acara yang tersebar. Saya dapat melakukannya dengan cara yang kotor, dengan variabel global dalam file JS saya, dan mungkin bahkan dapat membungkusnya dalam antarmuka penutupan yang bagus, tetapi saya …

100 javascript  reactjs 

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 </button> <ChildComponent /> </div> ); } } Dan Komponen Anak : class ChildComponent extends Component { constructor(props) …

100 javascript  reactjs 

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 for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an 'any' type. Resolusi apa …

100 reactjs  webpack  webpack-2 

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 LanguageProvider; Kode lamaran saya akan menjadi seperti di bawah ini <LanguageProvider> <App> …

100 javascript  reactjs  react-context 

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 lakukan salah.

99 reactjs 

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 biasa.

99 hover  reactjs 

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 = [] for (var i = 0; i < this.data.stations.length; i++) { stationsArr.push( …

99 javascript  reactjs 

Adakah cara untuk mensimulasikan componentDidMountdalam komponen fungsional React melalui hook?

99 javascript  reactjs  react-hooks 

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" path="searchDashboard" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> Saat menggunakan DefaultRoute, SearchDashboard salah merender karena Dasbor * apa pun perlu dirender dalam Dasbor. Saya ingin agar DefaultRoute …

98 javascript  routes  reactjs  url-redirection  react-router 

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 styleName="skill">Business</Pill> Saya mencoba mengubah gaya pil dengan meneruskan nama kelas yang memiliki gaya masing-masing. Saya baru mengenal React …

98 javascript  reactjs 

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 className="logoBlank" /> </div> <input accept="image/*" type="file" className="hide"/> </div>

98 html  reactjs 

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' ../../../public/styles/disabledLink di c: \ Users \ User \ Documents \ pizza-app \ client \ src \ components @. /client/src/components/ShoppingCartLink.js …

98 javascript  reactjs  relative-path 

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 this.statesecara langsung seperti yang disebutkan dalam dokumen. this._list.push(newObject): this.setState({list: this._list}); …

97 javascript  reactjs 

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(){ alert('it works!'); } return <form onSubmit={doSomething}> <button>Click me</button> </form>; } }); Metode doSomething()dijalankan, tetapi …

97 javascript  forms  form-submit  reactjs  onsubmit