Вы можете перебирать текст и использовать индексный доступ к заголовку
const ComponentA = () => {
return (
<div>
<h1>Home Page</h1>
<Child title={info.title} text={info.text} />
</div>
)
}
const info = {
title: ["Title1", "Title2"],
text: ["Paragraph1", "Paragraph2"]
};
const Child = ({ text, title }) => {
return (
<div>
{text.map((text1, index) => {
return (
<div>
<h3>{title[index]}</h3>
<p>{text1}</p>
</div>
);
})}
</div>
);
};
ReactDOM.render(<ComponentA />, document.getElementById('app'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="app"/>
Вы получаете сообщение, потому что вы на самом деле не декларируете , вы только определяете что-то, а именно перечисление с именем «states». Позже вы можете использовать это определение для объявления переменной этого типа. Эта переменная может быть статической или переменной экземпляра, но определению не требуется (и не должно быть) спецификатор хранилища, присоединенный к ней.
Что вы хотите от статики? Он служит для того, чтобы дать переменные, определенные в объявлении внутренней связи:
static enum states { ... } a;
В качестве ярлыка для
enum states { ... };
static enum states a;
Предоставление «внутренней» внутренней связи. Но так как вы не определяете переменную там в своем коде, она фактически бесполезна (если не запрещена).
Ваше объявление enum
определяет тип, но не объявляет также объект тот тип.
static
применяется только к переменным и функциям, поэтому, как говорит компилятор, он бесполезен в том контексте, в котором он у вас есть.
Попробуйте:
static enum states
{
ACTIVE,
RUNNING,
STOPPED,
IDLE
} avar;
, который фактически создает статическую переменную с именем avar. Статическими могут быть только переменные, но не типы.