Saya mencoba menemukan cara yang tepat untuk mendefinisikan beberapa komponen yang dapat digunakan secara umum: <Parent> <Child value="1"> <Child value="2"> </Parent> Ada logika yang terjadi untuk rendering antara komponen orang tua dan anak-anak, Anda bisa bayangkan...
Saya memiliki objek eksternal (ke komponen) yang dapat diamati yang ingin saya dengarkan untuk perubahan. Ketika objek diperbarui itu memancarkan perubahan peristiwa, dan kemudian saya ingin rerender komponen ketika ada perubahan yang terdeteksi. Dengan top-level React.renderhal ini dimungkinkan,...
Saya sadar bahwa Anda dapat menentukan gaya dalam kelas Bereaksi, seperti ini: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Haruskah saya bertujuan...
Saya membaca bagian FormulirReaksidokumentasi dan baru saja mencoba kode ini untuk menunjukkan onChangepenggunaan ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange:...
Saya memiliki masalah yang relatif mudah mencoba menambahkan skrip sebaris ke komponen Bereaksi. Apa yang saya miliki sejauh ini: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix }...
Diberikan komponen sederhana yang menjadikan anak-anaknya: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default
Bagaimana saya secara opsional memasukkan elemen dalam JSX? Berikut ini adalah contoh menggunakan spanduk yang seharusnya ada di komponen jika sudah disahkan. Yang ingin saya hindari adalah harus menduplikasi tag HTML dalam pernyataan if. render: function () { var banner; if (this.state.banner)...
Ada sesuatu yang saya pikir sangat membingungkan ketika bekerja React. Ada banyak contoh yang tersedia di internet yang menggunakan .jsfile dengan reaksi tetapi banyak lainnya menggunakan .jsxfile. Saya telah membaca tentang .jsxfile dan pengertian saya adalah mereka membiarkan Anda menulis tag...
Saya sedang membangun sesuatu dengan React di mana saya harus memasukkan HTML dengan React Variables di JSX. Apakah ada cara untuk memiliki variabel seperti: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; dan memasukkannya ke dalam reaksi seperti...
Dalam dokumen resmi Bereaksi itu menyebutkan - Jika Anda terbiasa dengan metode siklus hidup kelas React, Anda dapat menganggap useEffect Hook sebagai componentDidMount, componentDidUpdate, dan componentWillUnmount yang digabungkan. Pertanyaan saya adalah - bagaimana kita bisa menggunakan...
Saya mencoba membuat komponen secara dinamis berdasarkan jenisnya. Sebagai contoh: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Saya mencoba solusi yang diusulkan di...
Saya mencoba menulis komponen Bereaksi. untuk tag heading html (h1, h2, h3, dll ...), di mana prioritas heading berubah secara dinamis berdasarkan prioritas yang telah kami tentukan dalam alat peraga. Inilah yang saya coba
Inilah yang saya coba dan bagaimana kesalahannya. Ini bekerja: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Ini tidak: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> Properti deskripsi hanyalah string normal konten...
Saya mencoba untuk mengkonversi komponen jQuery ke React.js dan salah satu hal yang saya mengalami kesulitan dengan rendering n sejumlah elemen berdasarkan for for loop. Saya mengerti ini tidak mungkin, atau direkomendasikan dan bahwa di mana ada array dalam model itu masuk akal untuk digunakan...
Penasaran apa cara yang tepat untuk mendekati ini adalah: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1}...
Saya memiliki komponen fungsional yang sangat sederhana sebagai berikut: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; Dan komponen lainnya: import * as React from...
Saya baru saja mulai menjelajahi React, dengan menambahkan komponen dengan fungsi render sederhana: render() { return <div class="myApp"></div> } Ketika saya menjalankan aplikasi, saya mendapatkan kesalahan berikut: Warning: Unknown DOM property class. Did you mean className? Saya...
Saya mencoba untuk mulai membangun situs di ReactJS. Namun, ketika saya mencoba untuk meletakkan JS saya di file terpisah, saya mulai mendapatkan kesalahan ini: "SyntaxError Tidak Tertangkap: Token tidak terduga <". Saya mencoba menambahkan /** @jsx React.DOM */ke bagian atas file JS, tetapi...
Saya menjalankan lint dengan aplikasi React saya, dan saya menerima kesalahan ini: error JSX props should not use arrow functions react/jsx-no-bind Dan di sinilah saya menjalankan fungsi panah (di dalam onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox...
Saya memiliki file test_stuff.js yang saya jalankan npm test Ini terlihat seperti ini: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() {...