Я новичок в firebase, только что написал небольшой простой тестовый компонент реакции, прежде чем помещать все данные в firebase, но, к сожалению, я не смог заставить его работать с предварительным рендерингом на стороне сервера. Для меня очень важно сделать его оптимизированным для SEO. , и я искал в Интернете решение, но все еще не мог понять его. Пожалуйста, помогите мне с этим. Большое спасибо заранее.
Простой код ниже будет генерировать только начальное состояние с помощью React-Snapshot, когда я открою страницу, она покажет начальное состояние, а затем обновится до более нового состояния. Но мне нужно сделать так, чтобы объект начального состояния извлекал данные непосредственно из Firebase и генерировал статический html с помощью React-Snapshot.
class FirebaseTestingComponent extends Component {
constructor(){
super();
this.state = {
speed: 10
};
}
componentWillMount(){
const rootRef = firebase.database().ref().child('react');
const speedRef = rootRef.child('speed');
speedRef.on('value', snap => {
this.setState({
speed: snap.val()
});
});
}
render(){
return (
<div>
<h1>{this.state.speed}</h1>
</div>
);
}
}