How to have default props for components?

[farooqkz]

Hello. I have some components which must have default props on creation and these default props must be unchangeable by other components and the component itself. How can I accomplish this with typescript?

I have a Separator component and a ListView component. The ListView components makes isFocused prop of its children true whenever the cursor is on them. But regarding Separator, this must never happen that this component can never get focused. So I want this component have a default readonly prop unFocusable set to true to tell ListView that it never must get focus.

[Havunen]

Hello. I have some components which must have default props on creation and these default props must be unchangeable by other components and the component itself. How can I accomplish this with typescript?

Default props provide the functionality to define DEFAULT value for the specific prop. Default values can if so desired be changed by higher order component.

If you want uncheangable prop why are you defining those as props? Prop is like function or method parameter to a component

I have a Separator component and a ListView component. The ListView components makes isFocused prop of its children true whenever the cursor is on them. But regarding Separator, this must never happen that this component can never get focused. So I want this component have a default readonly prop unFocusable set to true to tell ListView that it never must get focus

Are you providing list of child components to that ListView component where you are iterating through them? If that is the case you could maybe have that information stored elsewhere which components can be focused? Or you can use the prop and read it there, but it cannot be made readonly.

[farooqkz]

Yes I am iterating over them. I could possibly hardcode into ListView that Separator is not focusable. But I thought it's a good idea to have a generic way in the case I had more than one component which is like this.