问对象变量是在括号中呈现，而不是仅按预期的方式呈现内容。

EN

{ ingredients[0].name }

({ ingredients[0].name })

 //only thing that appears to need parentheses, but will render with it
({ingredients[1].category}) 

     //will render as intended without parentheses, but appears to be 
     dependent on the above's parenthesis               
     <br/> ({ingredients[0].portion} 
     <br/> {ingredients[0].unit} 
     <br/> {ingredients[0].name} 

import { ingredients } from "../file"

const Component = (props) => {
return (
 <div>
  ({ ingredients[0].category })
      <br/>
     { ingredients[0].portion } <br/>
     { ingredients[0].unit } <br/>
     { ingredients[0].name }
 </div>
)
};

export const ingredients = [
{
    id: 1,
    name: 'rice wine vinegar (or sub apple cider vinegar)',
    category: 'pickled vegetables',
    portion: 2/3,
    unit: 'cup',
},
{
    id: 2,
    name: 'hot water',
    category: 'pickled vegetables',
    portion: 1/3,
    unit: 'cup',
},
...