- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在学习 React 并思考组件的结构。以下内容让我有些困惑。
我们被告知应该有单一的真相来源。
所有者组件应将 props/状态传递给它的责任(有些人称为“ownee”)组件。
所以,如果我自己的整个应用程序是一个大组件(所有者),它有很多责任(所有者)组件,这是否意味着顶级所有者组件将拥有所有 Prop 和状态。那将是一个巨大的物体。
由于我最初没有使用states
,所以对props
的任何更改都必须传递给“所有者”,然后该组件再次呈现?
这显然不对吧?任何指导将不胜感激。
1 Câu trả lời
这种解释有点离题。您的顶级组件不需要是一个无所不知的庞然大物,仅仅因为 props Và state 之间的关键区别。任何组件都可以自由选择和控制它自己的状态,它可以将状态传递给它的子组件。然而,一个组件的 prop 不应该理想地保存在它的状态变量中,因为这会导致重复并违反单一事实源范式。 Prop 不属于组件,它属于发送 Prop 的祖先。相反,组件将其状态作为 props 传递给其子组件是很自然的,也是意料之中的。
您会发现没有状态您将无能为力,除非您的应用主要显示静态内容。因此,当您开始处理状态时,请将状态保留在它所属的位置。即使使用 Flux,也有一些方法可以使状态与其所属的组件保持相关。
关于javascript - 掌握 React 中的组件层次结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34644012/
Vấn đề là, khi người dùng trả lời bài đăng của nhau, tôi phải làm thế này: margin-left:40px; cho 1 cấp sâu react margin-left:80px; cho 2 cấp sâu v.v. Nhưng tôi muốn div react
Tôi đang cố gắng tìm cách kết nối React Router với React VR. Đầu tiên, tôi có nên sử dụng react-router dom/native không? Hiện tại vẫn chưa rõ ràng vì React VR được xây dựng trên React.
Tôi mới làm quen với React hoặc có kiến thức cơ bản về lập trình nói chung. Tôi không chắc sự khác biệt giữa các câu lệnh import * as react from 'react' và import react from 'react' là gì. Cảm ơn bạn trước!
Tôi đang sử dụng phiên bản ổn định mới nhất của react, react-native, react-test-renderer, react-dom. Tuy nhiên, react-native phụ thuộc vào react@16.0.0-alp
Có thể phát triển ứng dụng React Native thông qua kiến trúc phần mềm như MVC, MVP, MVVM không? Cảm ơn bạn. Câu trả lời tốt nhất là có. React Native chỉ là chữ “V” trong các mẫu thiết kế phần mềm mà bạn đã đề cập. Nếu bạn xem xét nó
Xin chào, tôi đang cố gắng liên kết một hàm vào nút bên phải của trình duyệt nhưng nó lại báo lỗi. Đây là mã của tôi: import React, {Component} from 'react'; import Ico
Tôi đã tạo một ứng dụng bằng React Native và tôi đang cố gắng tạo apk. Xem http://facebook.github.io/react-native/docs/signed-apk-android.
1 [Tôi đã thử thay đổi z-index của phân trang thành 0 nhưng không được] Đây là liên kết đến codesandbox của tôi: Vui lòng kiểm tra menu thả xuống chọn cuối cùng, nó nằm sau phân trang. https://codesandbox.io/s/j
Tôi nhận thấy React có thể được nhập như thế này: import * as React from 'react'; ...hoặc như thế này: import React from 'react'; Lần nhập đầu tiên là React
Tôi mới làm quen với react-native. Tôi đang sử dụng React Native Paper để cung cấp chủ đề cho mọi màn hình. Tôi cũng đang sử dụng react-navigation stack navigator và drawer navigator. Đầu tiên, để điều hướng, chủ đề của bài viết không nằm trong thành phần điều hướng.
Tôi có một ứng dụng React Native được tạo bằng Ignite CLI. Tôi đang cố gắng sử dụng TabNavigator với React Navigation nhưng tôi không thể tìm ra cách lấy dữ liệu từ một ứng dụng
Tôi đang cố gắng thực hiện thử nghiệm chụp nhanh trong ứng dụng React của mình. Tôi hiện đang sử dụng thư viện react-testing để kiểm thử đơn vị chung. Tuy nhiên, đối với thử nghiệm chụp nhanh, tôi đã thấy nhiều cách tiếp cận khác nhau trực tuyến, sử dụng phản ứng
Tôi đang xây dựng một ứng dụng gốc đa nền tảng bằng cách sử dụng react-native và sử dụng react-navigation để điều hướng giữa các màn hình và redux để quản lý trạng thái điều hướng. Sự cố xảy ra khi tôi lồng các trình điều hướng. Ví dụ,
Tôi đang gặp phải một vấn đề khá phức tạp liên quan đến phân trang và Điều hướng React Native. Nhấp vào ngăn kéo có danh sách các danh mục và tất cả chúng sẽ chuyển đến màn hình. Phát biểu vấn đề: Khi tôi nhấp vào các danh mục một cách ngẫu nhiên, mọi thứ đều hoạt động bình thường. Tuy nhiên, tôi gặp phải sự cố trong quá trình phân trang. Giả mạo
Đây là điều hướng ngăn kéo của tôi: const DashboardStack = StackNavigator({ Dashboard: { screen: Dashboard
Đang cố gắng xây dựng ứng dụng Android react-native nhưng nhận được thông tin lỗi sau Chạy jetifier để di chuyển thư viện sang AndroidX. Bạn có thể
Hiện tại tôi đang triển khai React Router v.4 trong một ứng dụng, trong đó tôi cũng sử dụng Webpack để đóng gói. Trong cấu hình webpack của tôi, tôi có React, ReactDOM và React-route
Tôi đang sử dụng React.children để render một số tuyến con với react router (cho tất cả các tuyến con trong một tuyến chính nhất định. Điều này hoạt động tốt với tôi, nhưng trước đó tôi đã hủy cấu trúc các thuộc tính được truyền cho các tuyến con
Khi tôi chạy ứng dụng React, nó báo lỗi export 'React' (nhập dưới dạng 'React') không tìm thấy trong 'react'. Đối với tất cả các lỗi trang, hãy xem hình ảnh ở đây. Câu trả lời tốt nhất dựa trên lỗi trong hình ảnh
Tôi gặp lỗi này khi triển khai Image-slider trên ứng dụng của mình bằng ví dụ này. nhập React,{Component} từ 'react' nhập {View,T
Tôi là một lập trình viên xuất sắc, rất giỏi!