ค้นหาเว็บไซต์

javascript - การเขียนทับไฟล์ JSON ใน React/TypeScript/Webpack

ฉันกำลังทำโปรเจกต์ React และฉันสามารถอ่านไฟล์ JSON ได้โดยไม่มีปัญหา ฉันก็สามารถแก้ไขมันได้เช่นกัน แต่เมื่อถึงเวลาที่จะเขียนกลับไป มันกลับทำไม่ได้ ฉันลองใช้ fs.writeFile แล้ว แต่ก็ยังใช้ไม่ได้ มีโค้ดตัวอย่างอยู่ ฉันทำได้แค่ให้ไฟล์ดาวน์โหลด ซึ่งไม่ใช่สิ่งที่ฉันต้องการ หวังว่าพวกคุณจะช่วยได้

public CreateEntry(){ var txt = JSON.stringify(data); var parsedtxt = JSON.parse(txt || '{}'); var indexLength = parsedtxt.kitaplar.length; var book = document.getElementById("

อ่านต่อไป →

reactjs - ข้อผิดพลาดหลายรายการเมื่อใช้ TypeScript + React

ฉันกำลังทำโปรเจกต์แรกของฉันที่รวม TypeScript กับ React และฉันกำลังประสบปัญหาใหญ่ในการทำให้โปรเจกต์ทดสอบง่าย ๆ ทำงานได้

ปัจจุบัน ฉันกำลังใช้สิ่งต่อไปนี้ (package.json):

{ "name": "proxied-client", "version": "1.0.0", "description": "MTG proxies, powered by React/Apollo.", "main": "main.ts", "scrip

อ่านต่อไป →

reactjs - React typescript (2312,14): ตัวระบุซ้ำ 'LibraryManagedAttributes'

ฉันมีโปรเจกต์ React ที่ใช้ TypeScript แต่เมื่อเร็ว ๆ นี้ หลังจากที่ฉันทำ yarn upgrade มันก็หยุดทำงาน โดยมีข้อผิดพลาดนี้เกิดขึ้น: node_modules/@types/react/index.d.ts (2312,14): Duplicate identifier 'LibraryManagedAttributes'.

ไฟล์ tsconfig.json ของฉันดูเหมือนนี้: https://hastebin.com/govenilayi.json ไฟล์ pkg.json ของฉันดูเหมือนนี้: https://hastebin.com/ixezizifec.json

เมื่อฉันรัน yarn why react และ yarn why react-dom มั

อ่านต่อไป →

reactjs - Visual Studio Code intellisense บนคอมโพเนนต์ React โดยใช้ TypeScript กับ union types

ดังนั้นฉันมีโปรเจกต์ใน Typescript โดยใช้ Create-React-App และฉันกำลังใช้ Visual Studio Code เป็นตัวแก้ไขของฉัน

Intellisense โดยทั่วไปทำงานได้อย่างสมบูรณ์แบบ อย่างไรก็ตามในสถานการณ์หนึ่งนี้มันไม่ได้ทำงานตามที่คาดหวัง

ถ้าฉันมีอินเตอร์เฟซ:

interface A { name: string } interface B extends A { type: 'B'; myProp: string } interface C extends A {type: 'C'; secondProp: string}

ถ้าฉันมีคอมโพเนนต์ React ที่ props ของมันคือ:

const Component: React.

อ่านต่อไป →

javascript - React Native TextInput placeholder ทำให้ contentSize.height บน onContentSizeChange ผิดพลาดใน iOS

ฉันกำลังใช้การป้อนข้อความหลายบรรทัดพร้อมตัวบ่งชี้ข้อความแบบนี้ฉันกำลังใช้ onContentSizeChange เพื่อเปลี่ยนความสูงของ TextInput

<TextInput placeholder='abcd' placeholderTextColor='gray' multiline={true} onContentSizeChange={(e) => console.log(e.nativeEvent.contentSize)} value='' style={{width:'100%'}} />

เนื่องจากตัวเว้นวรรคนี้ onContentSizeChange จึงส่งค่าความสูงของ textInput ผิดพลาด

มันทำงานได้สมบูรณ์แบบในแอนดรอยด์ แต่มีปัญหาใน iOS

อ่านต่อไป →

angular - ฟอร์มเชิงปฏิกิริยาและช่องทำเครื่องหมายแบบไดนามิกกับ Observables

ในแอปพลิเคชันของฉัน ฉันจำเป็นต้องสร้างฟอร์มเชิงตอบสนองที่จะมีช่องทำเครื่องหมายที่ถูกสร้างขึ้นแบบไดนามิกด้วยผลลัพธ์ของ Observable

กล่องกาเครื่องหมายเหล่านี้จะเป็นผู้ใช้ที่ฉันได้ลงทะเบียนในระบบ ธนาคารควรเก็บรหัสผู้ใช้ที่ถูกเลือก และเมื่อฉันแสดงแบบฟอร์มบนหน้าจอควรแสดงผู้ใช้ที่ถูกเลือก

ฉันกำลังใช้ Cloud Firestore เพื่อบันทึกข้อมูล ฉันดึงข้อมูลจากฐานข้อมูลและบันทึกมันในสถานะของแอปพลิเคชันของฉันโดยใช้ Ngrx.

ทุกเวลาฉันสามารถมีผู้ใช

อ่านต่อไป →

typescript - ไม่พบ Node ของ React Node ขณะที่กำลังทดสอบ FaC กับ Jest และ Enzyme

ฉันกำลังพัฒนาแอปใน React Native เมื่อเร็ว ๆ นี้เราเริ่มใช้ TypeScript ในแอปของเราและงานของฉันคือการย้ายยูนิตเทสต์ มีการทดสอบหนึ่งที่ล้มเหลวอย่างน่าอัศจรรย์

แอปมี <LoginForm /> ที่ใช้ Formik

//... imports export interface FormValues { email: string; password: string; } export interface Props { navigation: NavigationScreenProp<any, any>; } export default class LoginForm extends Component<Props, object> { handleSubmit = (values: FormV

อ่านต่อไป →

javascript - พบข้อผิดพลาดในการสร้างฟังก์ชันใน redux หลังจากอัปเดตเป็นเวอร์ชันล่าสุดของ react และ material ui

แอปของฉันทำงานได้ดีจนกระทั่งฉันอัปเดตแพ็กเกจ material ui และ react และทันใดนั้นฉันก็เริ่มได้รับข้อผิดพลาดดังต่อไปนี้

src/App.tsx (156,45): Type '{}' does not satisfy the constraint ComponentType<never>. Type '{}' is not assignable to type StatelessComponent<never>.

บรรทัดที่ 156 ของไฟล์ App.tsx ของฉันเป็นดังที่ฉันแสดงด้านล่าง:

export default (withRoot(withStyles(styles)<{}>(connect(mapStateToPr

อ่านต่อไป →

reactjs - ปัญหาในการเพิ่มประเภทของ react ใน typescript

ฉันกำลังพยายามเพิ่ม hooks ใหม่เข้าไปใน React ด้วย TypeScript (ครั้งสุดท้ายที่ฉันตรวจสอบ พวกมันยังไม่มีใน DefinitelyTyped) แต่ก็ไม่สำเร็จ

ฉันได้สร้างไฟล์ types/react.d.ts ที่มีลักษณะดังนี้:

import React from 'react'; declare module 'react' { function useState<T>( initialState: T | (() => T), ): [T, (newState: T | ((oldState: T) => T)) => void]; }

แต่เมื่อฉันพยายามใช้มัน มันกลับไม่ทำงาน

อ่านต่อไป →

javascript - กำหนดเส้นทางและชื่อคอมโพเนนต์โดยการวนลูปใน ReactJs

นี่คือโค้ดไฟล์เส้นทางของฉัน ฉันต้องสร้างเส้นทางทั้งหมดโดยการดึงรายละเอียดจากแบ็กเอนด์ใน asp.net ที่นี่ฉันกำลังดึงรายละเอียดจากแบ็กเอนด์ได้อย่างถูกต้อง นี่คือรายการเมนูของฉัน [Contacts, Pipelines, Stages]

import * as React from 'react'; import { BrowserRouter, Redirect, Route } from 'react

อ่านต่อไป →