再次浅谈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的，为啥要多此一举呢？