javascript - გაფრთხილება: არ შეიძლება კომპონენტის განახლება სხვაგვარად კომპონენტის რენდერის დროს. ReactJS
ჩემი ReactHooks/Typescript აპლიკაციაში მაქვს Navigation კომპონენტი, რომელიც ქმნის PatientInfo კომპონენტს. PatientInfo შვილი იკრებება პირობით იმის მიხედვით, თუ რა props-ები გადაეცემა მას, რაც გადაწყდება სხვა შვილ კომპონენტში - MyPatients-ში არსებული ძებნის ყუთის მიერ.
ამ სტრუქტურაში, მე ვიღებ შემდეგ შეცდომას:
Წაიკითხე მეტი →css - სტილიზაციის დამატება TypeScript, React NPM პაკეტში
მე მაქვს TypeScript (TS), React პროექტი, რომელსაც ვიყენებ ჩემი ყველა React კომპონენტის შესანახად. მე ვქმნი ამ პროექტიდან NPM პაკეტს, რომლის შემდეგაც ვცდილობ მას სხვადასხვა React პროექტებში გამოყენებას. მე ვხვდები პრობლემას, როდესაც არ ვიცი როგორ გამოვყო სტილები TS კომპონენტებთან ერთად.
NPM პაკეტის კომპონენტების გამოყენება იწვევს შეცდომებს: Module not found: Can't resolve '../css/footer.css'
როდესაც მე ვქმნი ჩემს დირექტორიას პაკეტირებისთვის (dist), ყველა ჩემი კომპონენტ
Წაიკითხე მეტი →javascript - React Router აჩვენებს ცარიელ გვერდს გამოყენებისას
როცა განახლებით ბევრი ჩვენი დამოკიდებულება, ახლა ჩვენ ვალდებულნი ვართ გამოვიყენოთ anchor ტეგები, რაც იწვევს გადამისამართებებს, ადრე ვხმარობდით , მაგრამ ახლა ყოველ ჯერზე როცა ვაჭერთ , იგი მიდის შესაბამის URL-ზე ანუ /screens მაგრამ უბრალოდ ცარიელი გვერდია და არასდროს აჩვენებს კომპონენტებს, ქვემოთ არის ჩვენი მთავარი index.ts
Წაიკითხე მეტი →reactjs - როგორ დავამატოთ კასტომიზებული პოპოვერი react-calendar-timeline-ში
მე ვიყენებ react-calendar-timeline(https://www.npmjs.com/package/react-calendar-timeline). მე მჭირდება მენეჯერი popover, სადაც იქნება ყველა დეტალი და ფორმა მისი განახლებისთვის. არსებობს თუ არა prop, რომლის საშუალებითაც μποს შესაძლებელია render მეთოდის გადაცემა?
უპასუხე #1 Წაიკითხე მეტი →
reactjs - React w/ Typescript: useReducer, ქმედების ინტერფეისი w/ კავშირებული ტიპი
ამიტომ მე ვცდილობ შევქმნა რედიუსერი useReducer კუხის გამოყენებით, რომელიც იყენებს ინტერფეისს სახელად Action, რომელსაც აქვს თვისება, რომელიც შეიძლება იყოს ან string, ან number:
type Actions = 'update_foo' | 'update_bar'; interface Action { Წაიკითხე მეტი →reactjs - ReactDOM: დაუჯერებელი TypeError: შეუძლებელია წაიკითხო თვისება 'render' განსაზღვრული არ არის
მე აღმოვაჩინე, რომ მაქვს პატარა ჩვეულებრივი პრობლემა, მაგრამ სხვა გადაწყვეტილებები ჩემთვის არ მუშაობს, ამიტომ მინდა შევქმნა კოდი და ვნახო, რას იტყვიან ადამიანები. ჩემი React ვებსაიტი შეწყდა მუშაობას, რადგან ReactDOM არ იყო ინიცირებული. ვერ ვხვდები, რატომ.
შეცდომა
Წაიკითხე მეტი →reactjs - გამორთული props-ის მიანიჭება react-bootstrap კომპონენტს შეუძლებელია
მე დავამონტაჟე react-bootstrap და მინდა გავაკონტროლო დეფოლტური ღილაკები ჩემს პროექტში, რათა უმეტეს ღილაკზე უბრალოდ შევძლო დაწერა <Button> ყოველგვარი variant ოფციის გარეშე.
import * as bs from "react-bootstrap"; export const Button: bs Წაიკითხე მეტი →javascript - ტიპის შეცდომა React კომპონენტში, რომელიც შექმნილია forwardRef-ით
მე ვქმნი ელემენტს (კარდის კომპონენტი) forwardRef-ის გამოყენებით, მაგრამ ტიპები არ ემთხვევა, როცა მას ვიყენებ.
აქ არის ბარათის კომპონენტის კოდი
export const Card = React.forwardRef(( { fluidHeight, className, ...props }: { fluidHeight?:boolean, className?:string, Წაიკითხე მეტი →როგორ შემიძლია მივაწოდო შვილობილი კომპონენტის state-ის მნიშვნელობა დედა კომპონენტს useRef-ის გამოყენებით ReactJS + TypeScript-ში (Hooks)
მე ახალი ვარ Typescript-ში. მე საჭიროა შვილობილის მდგომარეობის მნიშვნელობების მიღება მშობელზე button-ის კლიკზე, რათა განვაახლოთ reducer-ის მნიშვნელობები.
მე ვცადე ref-ის გადაცემა შვილ ელემენტზე, მაგრამ ვიღებ მსგავს შეცდომებს:
Წაიკითხე მეტი →reactjs - Props შეცდომა DateTimePicker კომპონენტზე, რომელიც იყენებს react-widgets
მე მაქვს ეს მარტივი, თავიდან გამოყენებადი DateTimePicker კომპონენტი, რომელსაც ვუშენებ react-widgets-ის გამოყენებით. ის არის იმდენად ძირითადი, რამდენადაც შეიძლება, მაგრამ არ მაქვს წარმოდგენა, რატომ გამოაგდო ეს შეცდომა, მიუხედავად იმისა, რომ მე გადავალაგე დანარჩენი თვისებები DateTimePicker-ში და
Წაიკითხე მეტი →