Câu hỏi được gắn thẻ «react-jsx»

Tôi đang cố gắng tìm cách thích hợp để xác định một số thành phần có thể được sử dụng theo cách chung: <Parent> <Child value="1"> <Child value="2"> </Parent> Tất nhiên, có một logic đang diễn ra giữa các thành phần cha mẹ và con cái, bạn có thể tưởng …

889 javascript  reactjs  react-jsx 

Tôi có một đối tượng bên ngoài (đối với thành phần) mà tôi muốn lắng nghe để thay đổi. Khi đối tượng được cập nhật, nó sẽ phát ra các sự kiện thay đổi, và sau đó tôi muốn chạy lại thành phần khi phát hiện bất kỳ thay đổi …

688 reactjs  react-jsx 

Tôi biết rằng bạn có thể chỉ định các kiểu trong các lớp React, như thế này: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Tôi có nên nhắm đến …

512 css  reactjs  inline-styles  react-jsx 

Tôi đang đọc phần Biểu mẫu củaphản ứngtài liệu và chỉ cần thử mã này để chứng minh onChangeviệc sử dụng ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() …

326 javascript  reactjs  react-jsx 

Tôi có một vấn đề tương đối đơn giản là cố gắng thêm tập lệnh nội tuyến vào thành phần React. Những gì tôi có cho đến nay: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export …

266 javascript  reactjs  ecmascript-6  react-jsx 

Làm cách nào để tôi tùy ý bao gồm một phần tử trong JSX? Dưới đây là một ví dụ sử dụng biểu ngữ nên có trong thành phần nếu nó đã được truyền vào. Điều tôi muốn tránh là phải sao chép các thẻ HTML trong câu lệnh if. …

229 javascript  reactjs  react-jsx 

Tôi đang xây dựng một cái gì đó với React nơi tôi cần chèn HTML với React Variabled trong JSX. Có cách nào để có một biến như vậy không: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; và để đưa nó vào phản ứng như vậy, và nó có …

203 javascript  html  frontend  reactjs  react-jsx 

Tôi đang cố gắng tự động kết xuất các thành phần dựa trên loại của chúng. Ví dụ: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Tôi đã thử giải pháp được đề xuất ở đây Tên …

167 javascript  reactjs  react-jsx 

Tôi đang cố gắng chuyển đổi một thành phần jQuery thành React.js và một trong những điều tôi gặp khó khăn là hiển thị n số phần tử dựa trên vòng lặp for. Tôi hiểu điều này là không thể, hoặc được khuyến nghị và khi một mảng tồn tại …

145 javascript  jquery  reactjs  react-jsx 

Tôi vừa mới bắt đầu khám phá React, bằng cách thêm một thành phần có chức năng kết xuất đơn giản: render() { return <div class="myApp"></div> } Khi tôi chạy ứng dụng, tôi gặp lỗi sau: Warning: Unknown DOM property class. Did you mean className? Tôi có thể giải quyết …

113 javascript  reactjs  react-jsx 

Tôi đang cố gắng bắt đầu xây dựng một trang web trong ReactJS. Tuy nhiên, khi tôi cố gắng đặt JS của mình vào một tệp riêng biệt, tôi bắt đầu gặp lỗi này: "Uncaught SyntaxError: Bất ngờ mã thông báo <". Tôi đã thử thêm /** @jsx React.DOM */vào …

110 javascript  html  reactjs  react-jsx 

Tôi có một tệp test_stuff.js mà tôi đang chạy với npm test Nó khá giống như thế này: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should …

100 javascript  reactjs  npm  react-jsx 

Tôi đang sử dụng Sublime Text làm trình soạn thảo văn bản. Có một jsFormat để định dạng tệp javascript nhưng tôi không thể tìm thấy một cái cho JSX. Các bạn xử lý như thế nào với định dạng JSX?

91 reactjs  sublimetext  react-jsx 

Tôi hiểu cách (và tại sao ) thêm khoảng trắng trong JSX, nhưng tôi đang băn khoăn không biết phương pháp hay nhất nào tạo ra sự khác biệt thực sự? Gói cả hai yếu tố trong một khoảng <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Thêm chúng trên một …

91 javascript  reactjs  react-jsx 

Tôi muốn liên kết để đóng cửa sổ bật lên khởi động phản ứng hoạt động khi escapenhấn. Đây là mã _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){ BannerDataStore.addChangeListener(this._onchange); document.addEventListener("click", this._handleDocumentClick, false); document.addEventListener("keyPress", this._handleEscKey, false); }, componentWillUnmount: function() { BannerDataStore.removeChangeListener(this._onchange); document.removeEventListener("click", this._handleDocumentClick, false); document.removeEventListener("keyPress", this._handleEscKey, false); }, Nhưng …

82 reactjs  react-jsx  react-bootstrap