2017-01-11 45 views
0

而不是必須創建每個自定義首部類型的組分,我想這樣做動態。REACT動態地設置的自定義標記

const HEADERS = { 
    'header-one': 'h1', 
    'header-two': 'h2', 
    'header-three': 'h3', 
    'header-four': 'h4', 
    'header-five': 'h5', 
}; 

_

let tag = HEADERS[type] || 'span'; 
return (
    <{tag} id={id}> 
     {props.children} 
    </{tag}> 
); 

回答

0

好吧看完這個:Dynamic tag name in jsx and React

我能弄清楚,它必須是一個資本(NFI爲什麼?)

const Tag = HEADERS[type] || 'span'; 
return (
    <Tag id={id}> 
     {props.children} 
    </Tag> 
); 

現在工作。仍然是開放的更好的答案或解釋過,爲什麼它需要資本..