Using iframe tag in react application with local html file

Question

What is the best way to use iframe in react application, while having local html file for ifram src.

I need to have an iframe in my react application, but the iframe does not work with my local html file.

function ClusterDetails() {

  return (
    <iframe title='mytitle' src="../../data/index.html" width='500px'  height='500px'></iframe>
  );
}

export default ClusterDetails;

mshadi · Accepted Answer · 2022-01-25 06:32:58Z

5

I found the solution. The source of iframe should be placed in public folder. the src attribute of iframe should be addressed related to public folder.

For example if there is a data folder containing index.html file, in public folder, then the src should be set as 'data/index.html'

answered Jan 25, 2022 at 6:32

mshadi

2293 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jim Peeters Over a year ago

I get a "Cannot GET" in the iframe when trying this

Collectives™ on Stack Overflow

Using iframe tag in react application with local html file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related