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

Vì vậy, đây có phải là cách duy nhất để hiển thị html thô với Reacjs? // 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> ); …

154 javascript  reactjs 

Tôi cần tạo một biểu mẫu sẽ hiển thị một cái gì đó dựa trên giá trị trả về của API. Tôi đang làm việc với đoạn mã sau: 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) { …

154 reactjs  typescript 

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 

Tôi muốn hỏi câu cuối cùng có nghĩa là gì và làm gì (xuất mặc định HelloWorld;) nhưng tôi không thể tìm thấy bất kỳ hướng dẫn nào về nó. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export default …

151 javascript  reactjs 

Tôi không thể tìm ra cách đặt giá trị thuộc tính mặc định cho các thành phần của mình bằng cách sử dụng Bản in. Đây là mã nguồn: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public …

150 reactjs  typescript  tsx 

Tôi đang sử dụng React.JS và khi tôi làm react-native run-android(với thiết bị của mình được cắm) tôi thấy một trang trống. Khi tôi lắc thiết bị và chọn Debug JS Remotelytừ danh sách tùy chọn, tôi thấy màn hình sau. Tài chính OS: Ubuntu 16.04 Node version is: v4.6.2 …

149 android  reactjs  react-native 

Tôi đang sử dụng ứng dụng tạo-phản ứng. Tôi đang cố gắng gọi một hình ảnh từ thư mục công cộng của tôi từ một tập tin bên trong tôi src/components. Tôi nhận được thông báo lỗi này. ./src/components/website_index.js Không tìm thấy mô-đun: Bạn đã cố nhập ../../public/images/logo/WC-BlackonWhite.jpg nằm ngoài …

149 javascript  reactjs  webpack  create-react-app 

Giả sử tôi có 3 đầu vào: tỷ lệ, sendAmount và receiveAmount. Tôi đặt 3 đầu vào đó vào các thông số khác nhau của useEffect. Các quy tắc là: Nếu sendAmount thay đổi, tôi tính receiveAmount = sendAmount * rate Nếu receiveAmount thay đổi, tôi tính sendAmount = receiveAmount …

149 reactjs  react-hooks 

React router cho phép các ứng dụng phản ứng xử lý /arbitrary/route. Để làm việc này, tôi cần máy chủ của mình gửi ứng dụng React trên bất kỳ tuyến đường phù hợp nào. Nhưng máy chủ webpack dev không xử lý các điểm cuối tùy ý. Có một giải …

148 reactjs  ecmascript-6  webpack  react-router 

Tôi đang chơi xung quanh với khung ReactJS trên JSBin . Tôi đã nhận thấy rằng nếu tên thành phần của tôi bắt đầu bằng một chữ cái viết thường thì nó không hoạt động. Ví dụ, các mục sau không hiển thị: var fml = React.createClass({ render: function () …

148 javascript  reactjs 

Đây là một ví dụ từ trang ứng dụng Google Adsense. Màn hình tải hiển thị trước trang chính hiển thị sau. Tôi không biết cách thực hiện tương tự với React vì nếu tôi thực hiện tải màn hình được hiển thị bởi thành phần React, nó sẽ không …

148 reactjs  asynchronous  redux 

Tôi hiện đang xây dựng một ứng dụng trang duy nhất bằng Reacjs. Tôi đọc được rằng nhiều lý do không sử dụng localStorage là do các lỗ hổng XSS. Vì React thoát khỏi tất cả đầu vào của người dùng, giờ đây nó có an toàn khi sử dụng …

147 reactjs  local-storage  jwt 

Tôi đang sử dụng ReactJS và khi người dùng nhấp vào liên kết tôi muốn sao chép một số văn bản vào bảng tạm. Tôi đang sử dụng Chrome 52 và tôi không cần hỗ trợ bất kỳ trình duyệt nào khác. Tôi không thể thấy lý do tại sao …

147 javascript  reactjs  clipboard 

Tôi đang cố gắng sử dụng móc phản ứng cho một vấn đề đơn giản const [personState,setPersonState] = useState({ DefinedObject }); với các phụ thuộc sau. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } nhưng tôi vẫn nhận được lỗi sau: ./src/App.js Dòng 7: Hook React "useState" được gọi …

147 reactjs  react-hooks 

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