I have a <ConfirmDialog> component from PrimeVue that works as it should, except for the fact that it opens multiple times when activated; for reference, I do the component multiple times throughout, some of the ConfirmDialogs only open once, most of them open twice usually. When accepting or rejecting the dialog, they all close instantly, however, when pressing ‘X’ at
Tag: components
In Angular 14, how do I include a child component in a standalone component?
I’m using Angular 14. I have a standalone component in which I want to include a child component from another module. The standalone component looks like and its service file is The child component is in another module — MyModule. The my.module.ts file looks like But my parent’s HTML is giving me the error on the line … Answer Try
TypeError: this.$refs is not a function
So I have a problem with VueJs. I created a “Confirmation Dialogue” and added it to a On-Click-Event on buttons. It worked fine. Now I tried to copy the implementation to add it to another button on a different parent. It says “TypeError: this.$refs.confirmDialogue.show is not a function” in the Console whenever I try to click the button. The other
How to update texts in React
Good evening everyone, I am trying to create an online application to take quizzes in order to practice for exams. My problem is as follows: I have the following ‘App’ component: And its output is the following image: Where as we can see, the active navbar element and the Home sign that is between the navbar and the component below
How do I keep my ScrollView from snapping back to the top? (React Native)
In order to create a scrollable UI, I decided to use a ScrollView to display all my components. However, whenever I try to scroll to the bottom, the app bounces back to the top as soon as I release my finger. I’ve tried adding styling to the ScrollView and its parent view, but it doesn’t seem to help my situation.
Can’t get Vue 3 child component to properly recognize prop data
I have a parent and child component in Vue 3. I’m using the options (old) API. I am passing data, an object with a bunch of different properties and values, as a prop like this: When I do this, I get TypeError: Cannot read properties undefined (reading ‘isCustomizable’). Seems like maybe Vue is trying to read itemInfo.isCustomizable before the prop
React: Changed state in Child component. How to see the change in parent component?
For a website I am working on I have made a component with checkboxes that triggers a state change in a parent component. I have checked in the console through the child component that the state is changed, but I want the parent component to “notice” the change too. I have tried useEffect and componentDidUpdate but they both do not
How to target and erase a multiplicated component in Vue
I need to target and erase a component that I duplicated using v-for. I’m creating a multiple stopWatch app. At this time I’m able to erase only the last component I duplicated but I want to be able to erase any of the components targeted Here is my component “Counter”: and there is the App.vue where I want to duplicate
How to remove event listener from Vue Component
I have a Vue2 component which contains an added eventListener i created on mounted. I was wondering how do i properly remove this listener when the component is destroyed? Answer You can use this.$el for whole component and destroy event like you created it:
When trying to use Card of Reactstrap I get Warning: React.jsx: type is invalid — expected a string (for built-in components) or a class/function?
I tried to import the Card component from the Reactstrap library, and unfortunately this has resulted in the error below. When I remove the element, the page works again as intended. IMPORTS (IN PROFILE COMPONENT): EXPORT (AT BOTTOM OF PROFILE COMPONENT): In APP.js router: Full Profile component: Answer I think you might not have read reactstrap’s docs closely enough –