React.JS Вставить HTML-файл в другой файл HTML.

В настоящее время я изучаю React.js, зная, что это просто взгляд MVC. Я пришел из Углового стека, и я начинаю беспокоиться о некоторых вещах с помощью React.js.React.JS Вставить HTML-файл в другой файл HTML.

Один из них - если у вас есть частичный html-файл, как вы можете вставить этот файл в другой, чтобы создать функционирующий html-файл.

Например. Как я могу включить в себя заголовок, теги и нижние колонтитулы в один?

Я читал о dangourouslyinnerHTML, который я не хочу использовать по причинам XSS. Есть ли другой способ, который мне не хватает? Или это то, что мне нужно, чтобы получить глоток для компиляции?

источник

2015-12-09 Max Lynn

Вы используете компоненты с реакцией, поэтому каждый компонент представляет собой набор HTML, который вы можете «вводить» в другой. – Ivan

Как говорит @Ivan, у вас будет компонент Header, компонент Body и компонент нижнего колонтитула, а ваш (например) компонент App отобразит все три компонента. –

И эти компоненты должны быть построены в файле js? вместо html? –

Как уже говорилось в комментариях, парадигма «Реакт» немного отличается. Реакция основана на концепции компонентов, которые содержат события, HTML и CSS в JavaScript.

Например, у вас может быть Head, Body и Footer компонентов, которые будут отображаться в вашем компоненте App. В этом примере используется JSX:

var App = React.createClass({ 
    render() { 
    return (
     <div> 
     <Head /> 
     <Body /> 
     <Footer /> 
     </div> 
    ); 
    } 
});

В Head, Body и Footer компоненты будут выглядеть одинаково, каждый со своей собственной визуализации функцию, которая возвращает HTML в нем.

Я рекомендую прочитать раздел Thinking in React в Документах по Реагированию.

источник

2015-12-09 21:18:05 Ivan

Ах, я читал об этом ... Хорошо, и тогда эти компоненты будут иметь ваш html внутри js-файла. Теперь это имеет больше смысла. Поэтому, если бы я мог задать вопрос, как бы вы это сделали без JSX? Как я читал, его устарели? –

У JSX есть абсолютная __not__ устарела – Mathletics

JSX - это способ написать реактивный код. Транспилер возьмет JSX и превратит его в обычный JS для вас. – Ivan

React.JS Вставить HTML-файл в другой файл HTML.

ответ

Смежные вопросы