¿Cómo incrustar componentes de React en Vue? ¿Cómo incrustar componentes de Vue en React?

Siempre encontramos varios requisitos extraños en el desarrollo diario.

Recientemente, encontramos un requisito extraño al desarrollar un proyecto de cooperación de varias personas.

La otra parte. Había desarrollado previamente un componente de reacción y requería que se integrara en el proyecto vue en esta iteración.

npm i -S vuera

npm install --save reaccionar reaccionar-dom

Llegados a este punto, descubrimos el primer problema:

No es difícil ver que esto se debe al problema de formato del archivo unjsx en el proyecto vue

Solución:

?strong>

Edite el paquete web.base.conf.js, agregue soporte para jsx

En este momento surge el segundo problema:

Motivo:

El archivo .babelrc introduce la transformación. - De forma predeterminada, vue-jsx, este complemento escapará de jsx a la función h para que vue lo llame.

Solución:

npm install --save-dev babel-plugin-transform-react-jsx

Luego en el archivo .babelrc

Reemplace transform-vue-jsx con transform-vue-jsx. react-jsx reemplaza transform-vue-jsx

De esta manera, hemos completado el trabajo de introducir componentes de reacción en el proyecto vue

Efecto:

npm i -S vuera

npm install --save vue