Pertanyaan yang diberi tag «reactjs»

Apakah ada cara untuk menggabungkan notasi keriting tanda dan hreftag React ? Katakanlah kita memiliki nilai berikut di negara bagian: {this.state.id} dan atribut HTML berikut pada tag: href="#demo1" id="demo1" Apakah ada cara saya dapat menambahkan idstatus ke atribut HTML untuk mendapatkan sesuatu seperti ini: href={"#demo + {this.state.id}"} Yang akan menghasilkan: …

156 javascript  html  reactjs  ecmascript-6 

Baru-baru ini, saya melihat kerangka React Facebook . Ini menggunakan konsep yang disebut "DOM Virtual", yang tidak terlalu saya mengerti. Apa itu DOM Virtual? Apa kelebihannya?

156 javascript  reactjs 

Saya perlu membuat formulir yang akan menampilkan sesuatu berdasarkan nilai pengembalian API. Saya bekerja dengan kode berikut: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name was submitted: ' + this.state.value); …

155 reactjs  typescript 

Fitur asli reaksi yang baru diluncurkan ini hanya contoh aplikasi dan dokumen iOS.

154 android  reactjs  react-native 

Jadi apakah ini satu-satunya cara untuk membuat html mentah dengan reactjs? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); } }); Saya tahu ada …

154 javascript  reactjs 

Saya tidak tahu bagaimana cara menetapkan nilai properti default untuk komponen saya menggunakan Typecript. Ini adalah kode sumber: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public render(): JSX.Element { return ( <span>Hello, world</span> ); } } Dan …

153 reactjs  typescript  tsx 

Saya ingin bertanya apa arti kalimat terakhir dan artinya (ekspor default HelloWorld;) tetapi saya tidak dapat menemukan tutorial tentang hal itu. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export default HelloWorld;

153 javascript  reactjs 

class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div className="player-controls"> <FontAwesome className="player-control-icon" name='refresh' onClick={this.onToggleLoop} spin={this.state.loopActive} /> <FontAwesome className={shuffleClassName} name='random' onClick={this.onToggleShuffle} /> </div> ); } onToggleLoop(event) { // "this …

152 javascript  reactjs  this 

Saya menggunakan react dengan react-router. Saya mencoba untuk melewatkan properti di "Link" dari react-router var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( …

151 javascript  reactjs  react-router 

Ini adalah contoh dari halaman aplikasi Google Adsense. Layar memuat ditampilkan sebelum halaman utama muncul setelah. Saya tidak tahu bagaimana melakukan hal yang sama dengan Bereaksi karena jika saya membuat layar pemuatan yang dibuat oleh komponen Bereaksi, itu tidak ditampilkan saat halaman sedang memuat karena harus menunggu DOM yang diberikan …

150 reactjs  asynchronous  redux 

Saya menggunakan React.JS dan ketika saya melakukannya react-native run-android(dengan perangkat saya terhubung) saya melihat halaman kosong. Ketika saya mengguncang perangkat dan memilih Debug JS Remotelydari daftar opsi saya melihat layar berikut. FYI: OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": "0.38.0

149 android  reactjs  react-native 

Saya menggunakan aplikasi create-react-app. Saya mencoba memanggil gambar dari folder publik saya dari file di dalam folder saya src/components. Saya menerima pesan kesalahan ini. ./src/components/website_index.js Modul tidak ditemukan: Anda berusaha mengimpor ../../public/images/logo/WC-BlackonWhite.jpg yang berada di luar direktori src / direktori proyek. Impor relatif di luar src / tidak didukung. Anda …

149 javascript  reactjs  webpack  create-react-app 

React router memungkinkan aplikasi bereaksi untuk menangani /arbitrary/route. Agar ini berfungsi, saya perlu server saya untuk mengirim aplikasi Bereaksi pada rute yang cocok. Tetapi server dev webpack tidak menangani titik akhir yang sewenang-wenang. Ada solusi di sini menggunakan server ekspres tambahan. Cara mengizinkan webpack-dev-server untuk mengizinkan titik masuk dari react-router …

148 reactjs  ecmascript-6  webpack  react-router 

Saya bermain-main dengan kerangka kerja ReactJS di JSBin . Saya perhatikan bahwa jika nama komponen saya dimulai dengan huruf kecil tidak berfungsi. Misalnya yang berikut ini tidak menyajikan: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } }); React.render(<fml />, document.body); Tapi begitu saya ganti fmldengan Fmlitu …

148 javascript  reactjs 

Saya menggunakan webpack untuk mengelola proyek reactjs . Saya ingin memuat gambar dalam javascript oleh webpack file-loader. Di bawah ini adalah webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports …

148 javascript  reactjs  webpack