问将火基数据传递给反应中的组件

EN

import React from 'react'; 
import ItemField from './ItemField';
class App extends React.Component{
render(){
    return(
        <div>
            <ItemField /> 
            <ItemField /> 
            <ItemField /> 
            <ItemField /> 
            <ItemField /> 
            <ItemField /> 
            <ItemField /> 
        </div>
    );
}
}
export default App;


import React from 'react';  
import ModalOffer from './ModalOffer';
class ItemField extends React.Component{
render(){
    return(
        <div id="borrow-div">
          <table class="borrower-table">
            <tr id="top-sec">
              <td id="prof-pic" width="100"><img class="img" src="a_firebase_img" /></td>
              <td id="product">item name</td>
              <td>
                <div id="offer">
                  <ModalOffer />
                </div>
              </td>
            </tr>
            <tr id="bottom-sec">
              <td class="search-info">12:20AM</td>
              <td class="search-info">3 days ago</td>
              <td class="search-info">City, Province</td>
            </tr>
          </table>
        </div>
    );
}
}
export default ItemField;

├── _Item1
|   ├── User
|   ├── Time
|   ├── City
|   ├── Province
├── _Item2
|   ├── User
|   ├── Time
|   ├── City
|   ├── Province