score:1
Accepted answer
I might be missing something here, but why not just use a link open the pdf?
const href = `/pdf/company?ID=${record.id}&PAGE_ID=${this.props.pageID}`
return (
<a href={href} target="_blank">Open PDF in new tab</a>
)
The <form>
element feels like overkill for a simple get request
The data object you are referring to is the data stream of the binary or pdf as encoded text. You will see the same thing if you attempt to open an image in a text editor.
https://en.wikipedia.org/wiki/Specials_(Unicode_block)#Replacement_character
Source: stackoverflow.com
Related Query
- Open PDF data object in a new tab
- How to open a page in new tab on click of a button in react? I want to send some data to that page also
- How to open a pdf in new tab in reactjs?
- How to open a PDF download into a new tab when calling a GET function from React frontend?
- React-Router open Link in new tab
- Open link in new tab in react router programmatically
- can't open new tab in react, adds localhost:3000 on link?
- React history.push allow user to open in new tab
- React Router browserHistory.push open link in a new tab
- How can I open an external link in new tab in react native?
- How to open a canvas as an image in a new tab with Reactjs
- React router - pass api data to the linked component to open with a new page
- React: open link in a new tab
- React: open page in new tab with state
- React Router - Open Link on new Tab and Redirect to Home Page
- Displaying PDF file from Azure Blob Storage container in new tab
- How can i open a component in new Tab in react.js?
- React Link to open new tab
- open link in a new tab using Link Next.js component
- How to prevent to open new tab when I drag and drop image on the Chrome browser in JavaScript?
- How to open some child links in new tab in React
- In ReactJS opening pdf in a new tab triggers browser's popup warning
- react js, when open page Other than home in new tab show 404
- My reactjs app didn't open in incognito tab or new browsers and show this errors
- Data from the backend is not appearing when you assign it into new object on the front end
- React-Router open Link in new tab content is opening in same existing tab
- How to open pdf file stored in firebase storage in next tab
- How to implement New FormData() for Array data from Object to do the POST method using Axios, ReactJs?
- Can you display PDF files in a new tab within a React JS Application
- React Markdown links dont open in a new tab despite using target="_blank"
More Query from same tag
- How to Update one object in an array of objects?
- enzyme how to search for button inside render prop of route
- React infinite render loop
- ReactJS FixedDataTable sorting and filtering example not working
- reactjs resetting props for componentWillReceiveProps
- Rete Library giving error with React JS : ReferenceError: regeneratorRuntime is not defined
- Proper way to implement jwplayer in react component using webpack (react-starter-kit)
- Struggling in construction the tree hierarchy in react
- ant design: modify border-radius for Input component
- What is the use of @connect decorator in react-redux
- Why are my conditional checks are failing and firing a function?
- @typeform/embed breaks Gatsby Netlify build
- I want to implement select and scroll the window without touching scroll bar using javascript
- React Rest Call Infinite Loop Using Hooks
- react + routing + security
- React Redux Thunk with callback to another function -- TypeError: Cannot read property 'then' of undefined
- React render component even though state doesnt change
- react ComponentDidMount
- React JSX editing style
- How can i use a function in different files in React?
- Differences between curlybraces and parentheses wrapping in React or JSX
- Display item details after clicking Link in React Router
- React: Passing down props to functional components
- ReactJS when using HTML attribute checked, reactjs is not allowing to select the checkbox
- Manage multiple redux form on page
- How do I make a React prop only required when used in the context of a Container component with Typescript?
- Using useRef addEventListener
- what is & in typescript and javascript?
- Trying to get a innerhtml functionality to work in react todo list
- React-Redux complex (deep) state objects