Digamos que defino mis accesorios así en un componente secundario:

 type TestProps = { testArray: Array<string>, number: number } function TestComponent(props: TestProps) { .... }

y este sería el componente padre.

 function ParentComponent() { return ( <TestComponent testArray={[1, 2, 3]}/> <TestComponent testArray={[1, 2, 3]} number={20}/> ); }

Para el primer elemento JSX, me gustaría tener props.number establecido en testArray.length. Para el segundo elemento JSX, me gustaría que mi respuesta se establezca en 20.

Podría hacer algo como esto:

 type TestProps = { testArray: Array<string>, number?: number } function TestComponent(props: TestProps) { if(props.number === undefined) { props.number = testArray.length; } }

pero no quiero eso. Quiero una solución más elegante, configurando esto de alguna manera directamente en TestProps. Algo parecido a esto:

 type TestProps = { testArray: Array<string>, number: number | undefined = testArray.length }

¿Es posible?

Gracias.