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

Sử dụng TypeScript với React, chúng tôi không còn phải mở rộng React.Propsđể trình biên dịch biết rằng tất cả các đạo cụ thành phần phản ứng có thể có con: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } Tuy …

84 reactjs  typescript 

Tôi đang cố ẩn API Key của mình khi tôi cam kết với github và tôi đã xem qua diễn đàn để được hướng dẫn, đặc biệt là bài đăng sau: Làm cách nào để ẩn khóa API trong ứng dụng tạo? Tôi đã thực hiện các thay đổi và …

84 reactjs  environment-variables  api-key 

Vì vậy, tôi đã bắt đầu học React cách đây một tuần và chắc chắn tôi đã gặp phải vấn đề về trạng thái và cách các thành phần phải giao tiếp với phần còn lại của ứng dụng. Tôi đã tìm kiếm xung quanh và Redux dường như là …

84 javascript  reactjs  state  immutability  redux 

Tôi đang tạo và lắng nghe các DOM thông thường CustomEventgiao tiếp với các nút cha: Ở trẻ em: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); Trong cha mẹ: componentDidMount: function () { this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup); }, Điều này …

84 reactjs 

Tôi thấy rằng React 16 cho phép các thuộc tính được chuyển qua DOM. Vì vậy, điều đó có nghĩa là 'class' có thể được sử dụng thay vì className, phải không? Tôi chỉ tự hỏi liệu có lợi thế nào khi vẫn sử dụng className over class, ngoài việc …

84 reactjs 

Tôi có thành phần này: import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text" className="add-item__input" ref={(input) => this.input = input} placeholder={this.props.placeholder} /> <button disabled={!this.input.value} className="add-item__button" onClick={this.add.bind(this)}>Add</button> </div> ); } } Tôi muốn nút …

84 javascript  reactjs 

Tôi mới sử dụng ReactJS. Trước đây, tôi đã sử dụng jQuery để đặt bất kỳ hoạt ảnh hoặc tính năng nào mà tôi cần. Nhưng bây giờ tôi đang cố gắng sử dụng ReactJS và giảm thiểu việc sử dụng jQuery. Trường hợp của tôi là: Tôi đang cố …

84 javascript  jquery  reactjs 

Tôi có một bộ định tuyến như sau: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Đây là những gì tôi muốn đạt được: Chuyển hướng người dùng đến /loginnếu chưa đăng nhập Nếu người dùng cố gắng truy cập /loginkhi họ đã đăng nhập, hãy …

83 javascript  reactjs  react-router 

Giả sử tôi có một chuỗi văn bản chứa các dấu ngắt dòng và tôi hiển thị nó như sau: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } Trong HTML, dấu ngắt dòng không hiển thị như dấu ngắt dòng. Tôi nên làm điều này như thế nào trong …

83 reactjs 

Mô phỏng một lần nhấp vào nút có vẻ như là một hoạt động rất dễ dàng / tiêu chuẩn. Tuy nhiên, tôi không thể làm cho nó hoạt động trong các bài kiểm tra Jest.js. Đây là những gì tôi đã thử (và cũng làm điều đó bằng cách …

83 javascript  reactjs  testing  jestjs  enzyme 

Hãy để tôi giải thích kết quả của mã này để hỏi vấn đề của tôi một cách dễ dàng. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => { console.log('cleaned up'); …

83 reactjs  react-hooks 

Tôi chỉ đang tạo một ứng dụng đơn giản để học async với redux. Tôi đã làm cho mọi thứ hoạt động, bây giờ tôi chỉ muốn hiển thị trạng thái thực tế trên trang web. Bây giờ, làm cách nào để thực sự truy cập trạng thái của cửa …

83 javascript  asynchronous  reactjs  redux  react-redux 

Cách tốt nhất để xử lý di chuột trong các thành phần được tạo kiểu. Tôi có một phần tử bao bọc mà khi di chuột lên sẽ để lộ một nút. Tôi có thể triển khai một số trạng thái trên thành phần và chuyển đổi một thuộc tính …

83 reactjs  styled-components 

Sử dụng Facebook React. Trong trang cài đặt, tôi có một đa dòng textareanơi người dùng có thể nhập văn bản nhiều dòng (trong trường hợp của tôi là địa chỉ). <textarea value={address} /> Khi tôi cố gắng hiển thị địa chỉ, một cái gì đó giống như {address}, nó …

83 javascript  reactjs  textarea 

Tôi đang sử dụng webpack để xây dựng các thành phần phản ứng của mình và tôi đang cố gắng sử dụng extract-text-webpack-pluginđể tách css của tôi khỏi tệp js đã tạo của tôi. Tuy nhiên, khi tôi cố gắng để xây dựng các thành phần tôi nhận được lỗi …

82 reactjs  webpack