Question

import React, { PropTypes } from 'react';
import { Link, browserHistory } from 'react-router';
class Chatbox extends React.Component {
constructor(props) {
    super(props);
    this.state = {

    };

}
componentDidMount() {

}
render() {
return (
        <div className="content_block"> 
            <Link to='/chatbox'></Link>
         </div>
    )
}
}
export default Chatbox;

我正在渲染区域中渲染聊天框组件，我需要运行其他应用程序网址。

我正在使用以下路线，但它正在重定向到该位置，而不是在聊天框渲染区域中渲染。

<Route path='/chatbox' component={() => window.location = 'http://localhost:5000/chat'}/>

如何浏览组件呈现区域中的“http://localhost:5000/chat”网址。

Answer 1

您可以使用iframe在您的网站内呈现外部网站。

render() {
  return (
    <div className="content_block"> 
         <iframe src="http://localhost:5000/chat" width="640" height="480" align="left">Not supported</iframe>
     </div>
  );
}

如何在react-flux架构中导航到外部URL？

1 个答案: