Ví dụ về việc sử dụng React component trong Tiếng anh và bản dịch của chúng sang Tiếng việt
{-}
-
Colloquial
-
Ecclesiastic
-
Computer
Common testing patterns for React components.
Một vài cách viết test phổ biến cho component React.React components are a great way to do that.
React components là một cách tuyệt vời để thực hiện điều đó.This code defines a React component called LikeButton.
Each React component is encapsulated and can operate independently;
Mỗi React component được đóng gói và có thể hoạt động độc lập;You have just added the first React component to your website.
Bạn đã hoàn thành việc thêm React component đầu tiên vào website của bạn.This page introduces the concept of state and lifecycle in a React component.
Trang này giới thiệu khái niệm về state và lifecycle trong React component.During this phase a React component is already inserted into the DOM.
Trong giai đoạn này, một thành phần React đã được chèn vào DOM.By inspecting the code, you will notice that we have three React components.
Bằng việc xem xét đoạn code, bạn sẽ thấy đang có ba React component.The constructor for a React component is called before it is mounted.
Contructor Contructor cho một thành phần React được gọi trước khi được gắn kết.In the longer term,we expect Hooks to be the primary way people write React components.
Trong tương lai, chúngtôi kỳ vọng Hook sẽ là cách chính để mọi người viết React component.I have this simple react component that uses Semantic UI tags: render(){ return.
Tôi có thành phần phản ứng đơn giản này sử dụng thẻ UI ngữ nghĩa: render(){ return< Card.You have likely performed data fetching, subscriptions,or manually changing the DOM from React components before.
Bạn thực hiện lấy dữ liệu, đăng ký,hoặc thay đổi DOM thủ công từ React components trước đây.Here, ShoppingList is a React component class, or React component type.
Ở ví dụ trên, ShoppingList là một React component class, hoặc React component type.It looks like HTML on the web, except instead of web things like or, you use React components.
Nó trông giống như HTML trên web, ngoại trừ thay vì những điều web như hoặc, bạn sử dụng các thành phần của React.It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
Nó cho phépbạn kiểm tra các cấu trúc thành phần React trong Công cụ dành cho nhà phát triển Chrome.This must return a Promise whichresolves to a module with a default export containing a React component.
Nó phải trả về một Promise vàphân giải thành một module với một default export có chứa một React component.When you need to fetch some data for a React component, where do you do it?
Khi bạn cần fetch dữ liệu cho Component của react- js, bạn sẽ lấy ở đâu?React components let you split the UI into independent, reusable pieces, and think about each piece in isolation.
React components dùng để chia UI thành những thành phần nhỏ độc lập, có tính tái sử dụng, và xem xét chúng như một mảnh riêng biệt.However, the principle of immutability may beleveraged with state to further improve the performance of a React component.
Tuy nhiên, nguyên tắc không thay đổi có thể đượctận dụng với trạng thái để cải thiện hơn nữa hiệu suất của một thành phần phản ứng.You can treat all your React components as dumb, andReact can just focus on the view side of things.
Bạn có thể xem tất cả các component React của bạn là dumb The process where all these stages areinvolved is called the component's lifecycle and every React component goes through it.
Quá trình mà tất cả các state tham gia vào component được gọi làvòng đời It also helps that React components and Redux actions/reducers are relatively easy to test because of clearly defined responsibilities and interfaces.
React components và Redux actions/ reducers cũng đã khá là dễ cho quá trình test bởi vai trò rõ ràng cũng như interface dễ nhìn.Data fetching, setting up a subscription, and manually changing the DOM in React components are all examples of side effects.
Việc fetching data, thiết lập các subscription, và việc thay đổi DOM trong React component, những hành động như vậy được gọi là“ side effect”( hoặc“ effect).A React component is a single object that not only outputs HTML like a traditional template would, but also includes all the code needed to control that output.
Một React Component là một object không chỉ xuất ra HTML như một template truyền thống mà còn bao gồm cả các mã cần thiết để kiểm soát nó.These two lines of code find the we added to our HTML in the first step,and then display our“Like” button React component inside of it.
Hai dòng code này tìm thẻ mà chúng ta đã thêm vào trang HTML ở bước đầu tiên, và sau đó hiển thị nút“ Like”(một React component) bên trong div ở trên.The view(in this case, the DOM) and the state of the React component must always be the same, which is not possible using traditional uncontrolled input elements.
Quan điểm( trong trường hợp này, DOM) và trạng thái của thành phần Phản hồi phải luôn giống nhau, không thể sử dụng các yếu tố đầu vào không kiểm soát truyền thống.It can sometimes be tedious to use controlled components, because you need to write an event handler for every way your data can change andpipe all of the input state through a React component.
Đôi khi việc sử dụng controller The goal is to wrap every part of Foundation into re-usable React components following the framework's best practices.
Using an immutable structure allows a React component to avoid performing an item by item comparison of a list- instead, a simple reference check on the array is all that is required.
Sử dụng cấu trúc không thay đổi cho phép một thành phần Phản ứng phản ứng để tránh thực hiện một mục theo so sánh mục của một danh sách- thay vào đó, một kiểm tra tham chiếu đơn giản trên mảng là tất cả những gì được yêu cầu.
