리엑트에서 meta viewport 컴포넌트에서 설정

constructor 안에 아래 내용을 추가해 주면 됩니다.

1
2
3
4
const meta = document.createElement('meta');
meta.name = "viewport";
meta.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover";
document.getElementsByTagName('head')[0].appendChild(meta);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import React, { Component } from "react";

class Index extends Component {
  constructor (props) {
    super(props);

    const meta = document.createElement('meta');
    meta.name = "viewport";
    meta.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover";
    document.getElementsByTagName('head')[0].appendChild(meta);
  
  }
 
  render () {
 
    return (
      <div>META</div>
    );
  }
}

export default Index;