Gustavo Luchi da Silva

## Introdução

Dias atrás precisei inserir um pdf pra ser visualizado dentro da aplicação em que estava trabalhando. Era uma aplicação em React e, por isso, fui pesquisar como inserir um PDF em React. Aprendi que se insere uma visualização de PDF no React da mesma forma que se insere em uma página HTML pura, como veremos a seguir.

## A reflexão

Por vezes tornamos nossa pesquisa demasiadamente específica. Acabei demorando mais tempo do que deveria para encontrar a solução, pois estava buscando por “inserir PDF em React” ao invés de “inserir PDF em HTML”. A conclusão é que por vezes uma pesquisa mais genérica, buscando o jeito mais simples de resolver um problema, pode ser mais eficiente.

## O código

O código é bem simples, basta criar um elemento `<object>` e passar o caminho do arquivo PDF (seja um caminho interno ou uma URL externa) como atributo `data`:

```html
<object data="exemplo.pdf" type="application/pdf" width="1280"
  height="720" aria-label="PDF de exemplo">
  <p>Houve um erro ao carregar o PDF. 
    <a href="exemplo.pdf"
    aria-label="link para download do PDF de exemplo">
      Clique aqui para abrir o arquivo.
    </a>
  </p>
</object>
```

## As alternativas

Existem outras formas de inserir um PDF em React, como os componentes `<iframe>` ou `<embed>`. No caso do `<embed>` há uma desvatagem em relação aos demais, pois não permite a inserção de filhos, útil quando o arquivo não estiver acessível por algum motivo. Destaco também o aviso que o `<embed>` foi descontinuado em alguns navegadores na [documentação da Mozilla sobre a tag](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/embed). Contudo, talvez seja uma confusão com o `<embed>` para inserir conteúdos específicos como Flash, que foi descontinuado. Destaco também que no caso do `<embed>` no lugar de data, usa-se o atributo *src*.

## Referências

* [The <embed> and <object> elements](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#the_embed_and_object_elements)
* [<iframe> vs <object> vs <embed>](http://bencreasy.com/object-versus-embed/)


As vezes saber HTML já é o bastante

Como visualizar um PDF em React

Giane da Silva

1. 你最希望做哪种工作？
我希望做翻译， 尤其在翻译公司工作. 尽管翻译经常一个人工作，但是有一些公司。我想这种工作因为我讨厌一个人工作。

2. 你觉得找工作时什么最重要？为什么?
找工作时，我觉得表达自己很认真是最重要的事情。因为我从来没工作，所以我没有经验， 但是我愿意学习也辛苦。对我来说这事儿在工作是最重要的。

3. 如果工资比较低，你会换工作吗？
如果工资比较低，我不会换工作，我现在不有经验，公司本来不会给我高工资。我还是不用为自己提供，所以我不用高收入。但是将来，当我有经验的时候，会换。

4. 如果你在工作中遇到了困难，你会怎么办？ 
我对同时说话。我想看是否有人知道解决这个问题。如果没有人知道怎么做，我就会一个人解决。不管什么结果，我都会通知需要知道的人。

5. 你认为你的优点和缺点分别是什么？
我认为我的优点是对我来说不难交流。我看过很多人找到困难因为他们说不出需要说的话。我不是这样，如果有一个问题就我对正好的人说。
我的缺点上，我经常着急。有时候我着急， 我不主动解决着急的结果，只停止。


关于工作的问题的答案

关于工作

lucianepazin

Estudo sobre tirar manchas de manga de toalha de mesa

Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesaEstudo sobre tirar manchas de manga de toalha de mesa Estudo sobre tirar manchas de manga de toalha de mesa

Estudo sobre tirar manchas de manga de toalha de mesa

Meus Estudos

Aprenda e estude com profissionais.

Textos publicados

Como visualizar um PDF em React

关于工作

Estudo da Luciane