再次淺談ReactDom.render( )

• 今天遇到一個問題，在用creat-react-app腳手架搭建React項目的時候，我們能不能在index.js這個頁面傳值或者寫其他的函數呢，我一開始以爲是不可以的，但是沒想到試試後竟然也是OK的，就拿屬性延展來舉例子吧：

原來頁面：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(
     <App/>,
    document.getElementById('root')
);

這個ReactDom.render( )函數外竟然還真的能書寫其他的函數表達式：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

const obj = {
  color: "red",
  fontSize: 40,
};

const value1 = "哈哈";
const buttonName = "submit";

ReactDOM.render(
    <div style = {{...obj}}>
      <App {...obj}/>
      <input type="text" value={value1}/> 
      <button>{buttonName}</button>
    </div>,
    document.getElementById('root')
);

有人要問了，ReactDOM.render( ) 函數中的第一個div添加了一個style = {{...obj}},但是寫成style = {obj} 也是OK的，爲啥要多此一舉呢？