Busqué mucho una solución para crear un componente genérico básico. Para esto, necesito pasar a través de accesorios una matriz de objetos a un componente funcional.
En este componente funcional, quiero usar valores dinámicos provenientes de Props como import MyDynamicName from "DynamicPath"
Ejemplo
import myComponentName from myPathVarQuiero usar variables en una línea de importación, estas variables provienen de _props. Y no se como solucionar este problema y si es posible
Intenté esto pero no funcionó
const path = '../../examples/tagsProjectsa.json'; const abc = import(`${path}`).then(data => { console.log(data); });Las declaraciones de importación estáticas no se pueden usar para resolver un especificador dinámico. De la documentación vinculada:
Solo se permiten cadenas entre comillas simples y dobles.
Sin embargo, puede resolver un especificador dinámico (por ejemplo, una cadena contenida en una variable) mediante la importación dinámica . Esto incluso funciona usando URL de objetos como se ve en el fragmento de código a continuación:
Parece que está intentando importar datos JSON. Tenga en cuenta que la importación de datos JSON aún no forma parte de la especificación y que hacerlo requiere el uso de una aserción de importación que actualmente es solo una propuesta de etapa 3.
<script type="module"> const initialData = {message: 'hello world'}; const json = JSON.stringify(initialData); const blob = new Blob([json], {type: 'application/json'}); const oUrl = URL.createObjectURL(blob); const {default: importedData} = await import(oUrl, {assert: {type: 'json'}}); const result = importedData.message === initialData.message ? 'Success' : 'Fail'; console.log(result, {initialData, importedData}); // Cleanup object URL data after use URL.revokeObjectURL(oUrl); </script>