Category "components"

React native - Error: Hooks can only be called inside of a function component

I have the following problem in my component "SubmitButton" I want to execute a custom hook by clicking on the button. This hook is called "useLogin". But curre

How to create registered html5 custom element with javascript with IS property and have it run connectedCallback() successfully

Let's say we have an html5 custom element that extends the HTMLAnchorElement and goes by the name 'custom-a', then we insert it directly in the html like this &

An API is being hit when <Doclist/> component is rendered through "userlist.js" ,but not when the same component is rendered through "newuser.js"

inside userlist.js the code looks like const renderItems = ({item}) => { if (item !== undefined) { const user = { image:'https://www.w3school

How i send data from .js to .vue

How can I send data from a function in a .js file to a .vue File .js function editCoupon(id) { window['coupon_id'] = id coupon_id = id } File .vue expo

Razor components - cascading parameter values

How do you pass a reference to the parent RenderingFragment to the child component/content when creating a razor component in c# (NOT using .razor) ComponentBas

How can I save the state of a component after navigating to another component in Angular 8

I have 2 components: HomeComponent and CityComponent. They do not have any relationship. After navigating back to the HomeComponent, the state of the CityCompon

Design system monorepo without lerna?

I had a quick question, due to the fact that lerna is not being maintained anymore, I was trying to find an alternative for a simple setup ( React, storybook, J

Not able to link a component in react js

I wrote a code to fetch a list of contacts, after clicking on the view detail button on the contact card, it should open a new page showing the contact details

How can I pass the list to the component variable in Laravel?

How can I pass the list to the component variable? I tried to add elements of a list in @php tags like this , for now,, in the future, I will fetch this list fr

Laravel Blade component method not rendering in cpanel-server but work in my localhost

I have a component RemoveBook in app/View/Components/RemoveBook and the blade component in resources/views/components/sections/parts/remove-book.blade.php. all

What does it change to declare a constant above or bellow a React functional component?

My question is what does it change to declare a constant above or bellow a React functional component (or a class component also) ? for example what is the diff

React + Material UI - Best way to prevent child tree from remount when toggling parent theme

Background I wanted to follow Material UI's implementation of toggling UI's dark/light mode theme. Link. I have encapsulated its implementation into a custom ho

How to set a component non-reactive data in Vue 2?

I have a categories array, which is loaded once (in created hook) and then it is static all the time. I render these array values in a component template. <t

RxJS: takeUntil() Angular component's ngOnDestroy()

tl;dr: Basically I want to marry Angular's ngOnDestroy with the Rxjs takeUntil() operator. -- is that possible? I have an Angular component that opens several

Laravel livewire Undefined type 'Livewire\Component'

after i added livewire using composer require livewire/livewire and creating new livewire component using php artisan make:livewire search I keep getting an er

How do I make the correct call from services using Angular?

Below, I have created a service of name util.service to call in manage-actives-crud.component.ts inside ngOnInit . Saying that everything that is different from

React - how to pass state to another component

I'm trying to figure out how to notify another component about a state change. Let's say I have 3 components - App.jsx,Header.jsx,and SidebarPush.jsx and all I'

How to create a link in React component with onClick handler?

What is proper / standard way how to create link with onClick callback function without URL? <a href="#" onClick={this.handleClick}>click me!</a>

Typescript error (2345) when pushing element to array of elements(React js)

I'm pretty new to Typescript and I was trying to migrate a component I had on Reactjs to typescript. This component is supposed to receive a number from 0-10 as

How are OO interfaces treated in component diagrams?

My component diagram is mostly components, ports, and interfaces. The interfaces have operations and attributes. They do not capture any class based OO at the m