今天我們來講一下在Vue項目中如何嵌入React。首先,我們需要安裝React依賴:
npm install react react-dom
接下來,我們需要創(chuàng)建一個React組件,并且將其嵌入到Vue組件中:
import React from 'react';
import ReactDOM from 'react-dom';
class ReactComponent extends React.Component {
render() {
return (
<div>
<p>Hello, React!</p>
</div>
);
}
}
// 在Vue組件中把React組件嵌入進來
export default {
mounted() {
ReactDOM.render(
<ReactComponent />,
this.$refs.reactContainer
);
},
render() {
return (
<div>
<div ref="reactContainer"></div>
</div>
);
}
};
以上代碼,我們在Vue組件的mounted鉤子中,調(diào)用ReactDOM的render方法,把React組件嵌入到Vue組件的DOM中。
好了,上面的代碼就是在Vue項目中嵌入React組件的方法。希望對你有所幫助!