Questions tagged [components]
A component in the Unified Modeling Language "represents a modular part of a system, that encapsulates its content and whose manifestation is replaceable within its environment. A component defines its behavior in terms of provided and required interfaces". The best example of component can be found in ActionScript- Flash,Flex sdks. There you have UI components like buttons, labels, DataGrids, charts those are reusable, distributable etc.
0
votes
0answers
8 views
How can i install components of android studio?
I install Android Studio 3.3.1. But some components are not install due to weak internet.I want to know the process about install these components without installation of android studio again .
0
votes
0answers
16 views
Don't see a div into a vue component
I have a vue component with a div and a button and into another div I have two components
<script>
export default {
name: 'excursion-backend-component',
methods:{
...
1
vote
2answers
17 views
React component second time render issue
I am building a tasks board app and I have an issue with rendering the TasksList component within a board of 3 lists: 1 Board -> 3 lists -> N tasks
It seems like the TasksList component is being ...
0
votes
0answers
22 views
Event of receiving data in angular child component from parent using Input()
I am developing one application on Angular 7. Faced issue finding the proper event when data is received in child component from the parent component. I am using @Input() to share data from parent to ...
0
votes
2answers
26 views
Dynamically hiding children using ng-content in angular 7
There is a scenario in my project where the content has to be hidden based on role permission given for a specific user logged in.
So we have made a global component named <app-authorise> where ...
0
votes
0answers
13 views
OctoberCMS Partials sharing variables life cycle
I'm new in October CMS and I try to develop some components and these components have more than one page. I include every page as a partial in the default.htm file with an if condition depends on the ...
0
votes
1answer
30 views
How to get notified about service changes to component?
Is it possible to listen permanently to all changes in a service and transfer this information to a component?
I know that I can create an Observable in a service like below:
@Injectable()
export ...
1
vote
2answers
43 views
Event handling: functional based component vs class based component
This is my very first React App (react@16.8.1
). I'm trying to find out why onClick event is handled differently when using functional based component vs class based component.
As I know, I should ...
0
votes
0answers
17 views
Modify react components object with immutable-js
I'm creating a tool that requires users to add, remove, and modify components and their props through a user interface.
I'm trying to think of the best way to modify react components stored in the ...
-2
votes
0answers
12 views
Angular 7: How to use external JS for component?
I have some external JS files:
jquery.min.js // use it 1st
bootstrap.min.js // 2nd
jquery.dataTables.min.js // 3rd
dataTables.bootstrap.min.js // 4th
dataTables.buttons.min.js // 5th
dataTables....
1
vote
2answers
41 views
Why my variable is undefined when I'm using an arrow function onClick?
In my react component, orders[i] is defined, since the component is rendered using name and amount, however, when it comes to onClick event, orders[i] is undefined in the context of the arrow function....
0
votes
2answers
45 views
How to dynamically assign Prop values when creating component with an array.map()
I'm working to make my React-Native more dynamic and am building components by mapping an array. Im stuck trying to dynamically assign the prop values because they are already within a bracket.
Is ...
0
votes
3answers
27 views
How to use componentWillUnmount to remove setInterval in React.js
I have two Intervals that is running in main Home Page when I move to other pages I get memory leak error and I Know that I should use componentWillUnmount so that the Interval stops running in other ...
0
votes
2answers
29 views
VueJs - Binding bidirectionnaly parent and child data
I'm pretty new in Vuejs. I read the documentation and a few articles on the internet but I still have a question about components binds.
I read that you can pass data from the parent to the child ...
1
vote
1answer
61 views
How to configure project with COMPONENTS in cmake
I want to create a project of projects using cmake which is accessible in a similar manner to that used by Poco. I find that using Poco as an example is crowded and difficult to follow so I am trying ...
-1
votes
0answers
14 views
React-native calendar to match ui
My client has a screen component in the prototype that I can't find a library for. Before going through the trouble of creating a custom calendar, seeing if the community has knowledge of a react-...
0
votes
0answers
5 views
Recreating component installer in Joomla 2.5
Is there a way to recreating a Joomla 2.5 component installer? I have a site using Joomla 2. 5, but one of the components has been modified to work with Akiba 2.0, I have tried looking everywhere and ...
-1
votes
0answers
20 views
Extends paper input in Polymer 3
im trying extends the paper-input component from Polymer 3 like documentation says but i cant.
https://polymer-library.polymer-project.org/3.0/docs/devguide/dom-template#inherit
In the next example ...
-1
votes
1answer
21 views
React Pass params to class
currently in a project I'm working on there is a const for the page header that brings in parameters and uses the information:
interface UserProps {
user?: {
name: string,
image: string
...
0
votes
1answer
31 views
Create dynamic component with constructor arguments
Is there a way to dynamically create a component which requires constructor arguments?
To clarify: Im creating the component with a ComponentFactory as follows:
const factory = this.resolver....
3
votes
2answers
28 views
which is the correct way while using props in functional component in react
which one is the correct way in react functional component and why?
Way 1:
export function renderElements(props) {
let { value, element } = props;
return (
<!--- Code----!>
)
}
...
0
votes
2answers
32 views
(Angular) Make global variables always change their values according to a service
I have this problem, a button that has a data-binded label, something like:
<button>{{label}}</button>
I need it to change its values depending what is on the screen. And that is ...
0
votes
0answers
6 views
Looking for terminology and lay of the lands: full-stack cross-cutting technology similar to components in front-end web dev
Please bear with me, I'm not sure if I can articular my question that well yet, so part of the problem is finding the right terminology / frame of reference to ask it.
As I understand it, a typical ...
1
vote
0answers
8 views
Composer: Including a custom js script via composer (then load via require.js)?
I've been tackling this for hours...
When it comes to components, composer creates require.js and require.css files. I want to include my own script, so it can be loaded via the same require.js.
...
3
votes
3answers
34 views
How to pass a prop with an event handler function in React?
I'm trying to run a simple app that renders different nicknames I've been given throughout my life in an array.
I have two total components, the pushMe component as the child button and the ...
0
votes
0answers
28 views
How to include one VueJS application into another VueJS application
Hello my fellow programmers,
The issue (a lot simplified in the following case):
I have a simple vuejs application (let's call it Child), doing basically nothing, just a click function and that's it....
0
votes
0answers
18 views
How to use EPPlus with VBScript (ASP)
I'd like to generate Excel files from my vbscript (ASP) code. So I downloaded EPPlus from https://www.nuget.org/api/v2/package/EPPlus/4.5.3.1, renamed package to zip and extracted dll from lib/net40 ...
0
votes
1answer
39 views
React: onClick replace parent component
I have a component called "Main".
This "Main" component contains a component called "House".
And this "House" component contains a component called "ZoneButton" witch contains a Button
If I Click on ...
2
votes
2answers
47 views
How to use one class's method in react component?
I'm creating a poker game and I have a Card deck class which has methods getDeck, getCard and getCards(howMany) and a Card component. I need to use CardDeck's method in App, because I need to save the ...
2
votes
1answer
47 views
How to create a reusable Twig component
I work on a Symfony 3 app which uses Twig for rendering. To make the code more readable and reusable, I need to split a screen in small parts, parts which could be used in other screens (for example a ...
0
votes
0answers
18 views
Angular ngDefaultControl not working in library
I'm trying to wrap an input control into my own component. In order to make validation/ngmodel work, I use ControlValueAccessor to forward to DefaultValueAccessor:
import { Component, OnInit, Input, ...
1
vote
0answers
54 views
Android Navigation component: IllegalArgumentException
Navigation component crashes when i used in Rrecyclerview adapter .
First click work good but second time i click App will be crash.
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, ...
1
vote
0answers
16 views
Neutrinojs react component unexpected token with <></>
I'm creating an internal custom React component using Neutrinojs React component preset. So far I've managed to setup and build it. But somewhere in my component code I'm using this:
<>
<p&...
2
votes
1answer
33 views
Call component function from another component — getting “Cannot read property” error
I'm trying to call another component function from a component by Passing the reference of one component to another but getting "Cannot read property" error. Here is the code
Alert Component
...
1
vote
2answers
61 views
React: set State or set Prop without a Rerender
Problem:
Currently, I have a LoginForm component that has an "on-success" handler function handleOnSuccess. This the then linked to the parent component with an onTokenUpdate property defined by a "...
0
votes
0answers
28 views
Selector, templateUrl, styleUrls not working inside component for Angular-cli version 6.2.9 and Angular 6.1.10
Hi I am trying to use Selector, templateUrl and styeUrls inside Component in my ts file. I am able to load the html file but y css is not getting applied.
Please find my ts code below.
@Component({
...
1
vote
2answers
33 views
React: Updating Component Property
Ok, I've officially spent hours trying to figure this out and yet I'm sure its a simple fix. I'm brand new to React and trying to create a custom component for Plotly Dash.
Problem
I am trying to ...
1
vote
1answer
23 views
React App Rendering Before Firestore Data Has Loaded
I am trying to load data from Firestore and show it in the gantt-chart, but it renders before it has loaded the data from firebase. So I call setState inside of componentDidMount because I thought ...
0
votes
1answer
39 views
ReactJS — How to create a flexible start date in a Calendar Component?
I am trying to create a single month Calendar Component where the starting date is flexible, therefore the first day of the month can start during any weekday (i.e M, T, W). I manage to create the ...
0
votes
2answers
18 views
Can't add component to vue apps template - did you register the component correctly?
I've added a main vue app in my application. And I want to add a component to the app.
Trying to add TopMenu.vue to the App.vue:
<top-menu></top-menu> in App.vue.
Registered in main.js ...
0
votes
0answers
31 views
Multifield component in AEM - values are not saved
I'm trying to do multifield component here. When I enter values in fields, they are present on page and everything works fine. When I reopen component to edit existing data, it's empty like there were ...
0
votes
1answer
74 views
How Can HOC Create Enhanced Component Without Modifying the Wrapped Component? [closed]
I am studying the example on HOC provided in React official site https://reactjs.org/docs/higher-order-components.html, and I find something hard to understand.
First, the example introduce ...
0
votes
2answers
48 views
Vue.js global data access with v-model
I am working on a web app where users can work on a project. The structure of the app is as follows:
Component A (app)
Component B1-Bn (header, footer, main window etc., children of A)
Component C1 (...
0
votes
0answers
36 views
Initializing leaflet map in an offscreen tag (currently not visible ion-slide)
I'm trying to initialize a leaflet map in a currently not visible ion-slide. When swiping to this slide the map-container has a height of 0 and the map is not visible. When setting the dimensions of ...
0
votes
0answers
10 views
import scratch-gui into my own react project
I want to build my own website which contains a link to Scratch3.0 GUI, so that I can start a new scratch project. I know scratch-gui(https://github.com/LLK/scratch-gui) is built with reactjs. But i ...
0
votes
1answer
25 views
Autosuggest/Combobox suggestion wont display
For some reason the suggestion wont display, there are no error messages in console.
Senario
User clicks on combobox, suggestion are displayed. (Working)
User selects a suggestion. Suggestion is ...
3
votes
0answers
30 views
Is there a performance cost to passing all props to a react component with spread operator
Currently I find myself writing alot of components like the following:
export default class MyComponent extends Component {
constructor(props) {
super(props)
this.state = {
someState1:...
1
vote
1answer
23 views
multi-line in aurelia component html attribute property
This is a weird question about possibly embedding a string in an aurelia html file within the attribute tag but I would like to keep my tab and line formatting.
So, in my TS file I have the following:...
0
votes
2answers
31 views
How to open a modal from an Angular component in page full of multiples components
@import '../../theme/conf';
.edit-input {
padding: 0 2%;
width: 100%;
height: 30px;
margin: 7px 0;
background: transparent;
border: 1px solid $fonts-color;
outline: ...
0
votes
0answers
11 views
devextreme-reactive TableRowDetail with React Component
I would like to implement devexpress's TableRowDetail such that instead of requiring
const getDetail = ({ row }) => (
<div>
Details for{row.name}
</div>
);
i would like to ...