ค้นหาเว็บไซต์
การดีบัก Typescript ใน React-Native
การดีบักคำเตือน yellowbox จาก React-Native เกี่ยวกับ: Possible Unhandled Promise Rejection. อันนี้เพิ่งโผล่มาและฉันไม่แน่ใจว่ามาจากตรงไหนเนื่องจากฐานรหัสค่อนข้างใหญ่
ปัญหาคือคำเตือนนั้นอ้างอิงเฉพาะบล็อบของโฮสต์เครื่องเดียวเท่านั้น
Possible Unhandled Promise Rejection (id: 0): Error: Network Error Error: Network Error at createError (blob:http://localhost:8081/b6bcf60a-2862-40b3-bc2f-8bded9973f69:64300:17) at XMLHttpRequest.handleError (blob:http://loca อ่านต่อไป →reactjs - วิธีส่งองค์ประกอบ DOM ที่สร้างโดยจาวาสคริปต์ไปยังฟังก์ชันการเรนเดอร์ของ React
ฉันเป็นมือใหม่กับ React ฉันกำลังพยายามสร้างคอมโพเนนต์ชื่อ StationBrowserForHome (TSX) ในฟังก์ชัน render() ฉันต้องการแสดงองค์ประกอบ DOM ที่มีลักษณะดังนี้:
<div class = "big-group"> <div class = "small-group> <div class="item"></item& อ่านต่อไป →typescript - Angular 2 วิธีใช้ formArray ในฟอร์มแบบ reactive
ฉันมีปัญหากับฟอร์มตอบสนองในตาราง Kendo Angular โมเดลของฉัน (หนังสือ) มีชุดของผู้เขียนซึ่งฉันต้องการแสดงในคอลัมน์ตารางของฉัน แต่ฉันไม่พบข้อมูลใด ๆ เกี่ยวกับวิธีการทำงานกับชุดข้อมูลในฟอร์มตอบสนอง ดังนั้นเทมเพลตของฉันจึงไม่แสดงข้อมูลอย่างถูกต้อง
this.formGroup = createFormGroup({ genre: { genreId: 0, genreName: '' }, 'bookName': '', 'pages': 0, 'publisher': '', //here authors: new Array<Aut อ่านต่อไป →reactjs - การใช้ Socket.io กับ typescript และ react
ฉันกำลังทำงานเกี่ยวกับการสร้างการเชื่อมต่อ websocket ระหว่างแอป Node และแอป React อย่างไรก็ตามฉันดูเหมือนจะไม่สามารถเรียกใช้ฟังก์ชัน this.io.on() ในเมธอด listen ของคลาส socket ได้ เซิร์ฟเวอร์บันทึก "listen" แต่ไม่บันทึก 'Connected client on port %s.', this.port คำถามของฉันคือทำไมมันถึงไม่ทำงาน?
ไฟล์ index.ts ในแอปพลิเคชันเซ
อ่านต่อไป →โมดูล npm ของ typescript source-maps ใช้งานไม่ได้ใน create-react-app
ฉันได้เขียนโมดูล npm ด้วย TypeScript ฉันได้ตั้งค่า "sourceMap": true, "module": "commonjs" ฉันใช้โมดูลนั้นใน create-react-app ผ่านทาง npm link เมื่อฉันต้องการดีบักโมดูล npm แผนที่ซอร์สไม่ได้ถูกจดจำ ฉันจะทำให้มันใช้งานได้อย่างไร?
อ่านต่อไป →reactjs - วิธีการแปลงองค์ประกอบ React TypeScript ที่กำหนดเองเป็น HTMLElement?
ฉันมีอาร์เรย์ขององค์ประกอบที่กำหนดเองและฉันต้องการเก็บ ref สำหรับทั้งหมดเพื่อที่ฉันจะสามารถเรียกใช้ focus() บนหนึ่งในนั้นได้โดยตั้งใจ เป็นไปได้ไหมที่จะแปลงองค์ประกอบ React แบบกำหนดเองไปยังองค์ประกอบ DOM ซึ่งจะอนุญาตให้ใช้ focus()?
SampleFeed.
อ่านต่อไป →reactjs - React 16.3 Context: คาดหวังสตริง (สำหรับคอมโพเนนต์ที่มีมาในตัว) หรือคลาส/ฟังก์ชัน (สำหรับคอมโพเนนต์รวม) แต่ได้รับ: วัตถุ
ฉันค่อนข้างใหม่กับ React ดังนั้นนี่อาจเป็นเรื่องที่ง่ายมาก
โดยพื้นฐานแล้ว ฉันพยายามที่จะใช้งานโมดอลโดยใช้ Context ฉันได้ตั้งค่า Context ของฉัน (ไฟล์แยกต่างหาก):
import { createContext } from 'react'; export const ModalContext = createCont อ่านต่อไป →reactjs - react-i18next react-redux และ TypeScript
ดังนั้น... ฉันต้องทำการเชื่อมต่อ redux ของคอมโพเนนต์ที่แปลโดย i18n โดยใช้ TypeScript ปัญหาคือชนิดข้อมูลมันยุ่งเหยิงไปหมด!
interface Props extends InjectedTranslateProps { page: number; } interface StoreData { count: number; } const BookComponent = ({ page, count }: Props & StoreData) => { ... } const translatedComponent = translate(['books'])(BookComponent ); function mapStateToProps(state: Store): StoreData { return { count: state.count }; } export defa อ่านต่อไป →reactjs - วิธีพิมพ์คอมโพเนนต์ที่เชื่อมต่อกับ React อย่างถูกต้องด้วย TypeScript
ฉันกำลังมีปัญหากับ TypeScript และ Components ที่เชื่อมต่อใน React ฉันมี component นี้:
import * as React from "react"; import { Grid } from "@material-ui/core"; import { connect } from "react-redux"; import * as Redux from "redux"; import FormControlLabel from "@material-ui/core/FormControlLabel"; import Checkbox from "@material-ui/core/Checkbox"; import { BreakingNewsPlatforms } from "shared/constants/breakingNewsPlatforms"; import * as s from "./AlertsFormBuilder.css"; import อ่านต่อไป →reactjs - ข้อผิดพลาด React HOC ใช้ TypeScript
ฉันกำลังพยายามสร้างฟังก์ชัน wrapper เพื่อทำให้ผู้บริโภค React context เป็น HOC เขียนด้วย TypeScript นี่คือสิ่งที่ฉันมีจนถึงตอนนี้:
import { ComponentType, ConsumerProps, createElement } from 'react'; type Omit<T, K> = Pick<T, Exclude<keyof T, K>>; export const createConsumer = <S>( consumer: ComponentType<ConsumerProps<S>> ) => <P>( component: ComponentType<P & S> ) => ( props: Omit<P, keyof S> ) => creat อ่านต่อไป →