componenta | Наброски для компонентного микро веб-фреймворка на Golang

I have been struggling with passing an array from one component to another. The issue is that when the array is pass between components it is empty. I can see in the console that the array is filled with integers, but it is being pass before any values are push into it. I have tried multiple things and after an extensive research found that the best approach would be to use BehaviorSubject as describe in this thread: Angular 4 pass data between 2 not related components

The only thing is that in the example provided they are passing a string. I have been trying to find another good example like the one mentioned above but instead of passing strings it would need to be an integer array. service.ts is the shared service between compA and compB. compA is the component that needs to receive the array from compB. compB is the component that has the array needed to be pass to compA. With that being said, which component would need to subscribe to the BehaviorSubject? A simplified version of my code is given below with the commented lines being what I have come up with so far to implement BehaviorSubject with an array.

Shared Service - service.ts

Let's for a second assume we have 3 components.

I have translation files under a t9n directory throughout my app...in some component directories, etc.

I am having two components and i am trying to update the component and i am trying to change value of property based on the checkbox checked or unchecked. I am unable to change the value of the property.

Here is my code:

ComponentA.vue

I am new with React JS so I am sorry if this problem seems trivial.

I have set up a along with a number of Routes in App.js to redirect and link components together. The first from App.js goes to ComponentA where when a div is clicked, it should go to ComponentB, but that is not the case. After some fiddling, I could get ComponentB to render but it was ALONG with ComponentA, and now with more changes, nothing shows up except the header .../componentB.

App.js

I have tried using and exact after viewing this post: React Router v4 renders multiple routes but it hasn't resolved my problem, which is that 2 of my components are rendered at the same time when the function operates.

The code:

In V6 when I toggled a component off, using the watch method, the component will be unmounted and so will any sibling that depends on the unmounted components' value:

For example:

• We have three components , and .
• When equals 'Yes', is rendered.
• When equals 1 or 2, is rendered.
• Finally, if I change to 'No' and will be unmounted and their values will be cleared.

Working example here https://codesandbox.io/s/mui-rfhv6-001-xy39c

On the other hand, in V7 when I change to 'No', is unmounted but its value is not cleared. Therefore, is not unmounted.

Working example here: https://codesandbox.io/s/mui-rhfv7-001-rpg21

I have tried setting shouldUnregister: true as shown below but, still get the same behavior.

I have a use case where I'd like to restrict what type of elements can be used as children. I've attempted to do this in the example below, but I get the following error:

Type 'Element' is not assignable to type 'FC<{ a: number; }> | (FC<{ a: number; }> & string) | (FC<{ a: number; }> & number) | (FC<{ a: number; }> & false) | (FC<{ a: number; }> & true) | (FC<{ a: number; }> & ReactElement<...>) | (FC<...> & ReactNodeArray) | (FC<...> & ReactPortal)'. Type 'Element' is not assignable to type 'FC<{ a: number; }> & ReactPortal'. Type 'Element' is not assignable to type 'FC<{ a: number; }>'. Type 'Element' provides no match for the signature '(props: PropsWithChildren<{ a: number; }>, context?: any): ReactElement | null'.ts(2322) App.tsx(7, 30): The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & { children: FC<{ a: number; }>; } & { children?: ReactNode; }'

Here's the code:

Lets say I have four components and I want to conditionally render them depending on a type prop using daggy:

In this example type prop value can be the string a, b, c or d

here is a working codesandbox example