react.jsで作ったコンポーネントの動作がスマホのchromeだけ違う

reactの練習で、create-react-appで作成したアプリのapp.jsを書き換えたり、簡単なコンポーネントを作って読み込んで動かしたりしています。

App
1import React from 'react';
2import logo from './logo.svg';
3import './App.css';
4import NumberOfGames from './NumberOfGames';
5import PrintBasicInfo from './PrintBasicInfo';
6
7class App extends React.Component {
8
9		constructor(props){
10			super(props);
11
12
13			
14			this.state={
15
16				place	:	""
17
18			}
19
20		}
21
22		handleClickNOG(e){
23			let name=e.target.name;
24			let value=e.target.value;
25			
26			this.setState({[name]:value});
27		}
28
29
30		
31		componentDidUpdate(prevProps,prevState){
32
33			localStorage.setItem('place',this.state.place);
34
35
36			document.cookie = 'place='+encodeURIComponent(this.state.place);
37
38		}
39
40
41
42render(){  
43  return (
44    <div className="App">
45	<NumberOfGames name_of_button="店名ですよね" nog="place" onClick={(e)=>this.handleClickNOG(e)} name_of_unit="店ですよね" />
46
47	<PrintBasicInfo s_nog={this.state.s_nog} c_nog={this.state.c_nog} place={this.state.place} investment={this.state.investment} recovery={this.state.recovery}/>
48    </div>
49  );
50}
51}
52
53export default App;

NumberOfGames
1import React from 'react';
2import ReactDOM from 'react-dom';
3
4	export default class NumberOfGames extends React.Component {
5		constructor(props) {
6    			super(props);
7    			this.state = {
8      				
9    			};
10  		}
11
12		render(){
13			
14			return (      
15				<div>
16        				<p className="input_label">{this.props.name_of_button}</p>:<input type="text" className="input" name={this.props.nog} onChange={this.props.onClick}/><p className="input_label">{this.props.name_of_unit}</p>
17      				</div>
18				
19			)
20		}
21
22	}

PrintBasicInfo
1
2import React from 'react';
3import ReactDOM from 'react-dom';
4
5	export default class PrintBasicInfo extends React.Component {
6		render(){
7			return(
8				<div>
9					<p className="bigchar">店名 : {this.props.place} 店</p>
10
11				</div>
12			)
13		}
14	}

NumberOfGamesコンポーネントが入力欄、PrintBasicInfoコンポーネントが入力内容表示部分、
入力欄に入力(あるいは削除)する度にstate.placeが書き換えられて表示部分も変化する。
App.js
でこの二つのコンポーネントをレンダーするだけの単純なものです。
npm startで動かしてみると、期待通りの動きです。
npm run buildでビルドしてできたファイル群をxserverにアップロードしたところ、
パソコンのedgeとスマホのsafariでは期待通りの動きなのですが、スマホのchromeだけ動作が違います。
スマホのchromeの場合、入力の最初の一文字だけ表示部分に表示されてその後はまったく変化なし、という動きです。(リロードすると表示部分は消える。)
原因がわかりません。よろしくお願いいたします。