React - Состояние не обновляется

Question

Когда я нажимаю кнопку, которая запускает subscribe(), я пытаюсь изменить this.state.subscribe как противоположное логическое значение того, что это такое. Я даже не управляю изменением значения this.state.subscribed гораздо меньше визуализировать другой текст при нажатии кнопки. Я попробовал replaceState и добавил функцию обратного вызова. Не совсем точно, что я должен делать в функции обратного вызова, хотя, если это то, что я делаю неправильно.

SingleSubRedditList = React.createClass({ 
    mixins: [ReactMeteorData], 

    getMeteorData: function(){ 
    Meteor.subscribe('posts'); 
    var handle = Meteor.subscribe('profiles'); 
    return { 
     loading: !handle.ready(), 
     posts: Posts.find().fetch(), 
     profiles: Profiles.find({}).fetch() 
    }; 
    }, 

    getInitialState: function(){ 
    var subscribed; 
    return { 
     subscribed: subscribed 
    }; 
    }, 

    populateButton: function(){ 
    //fetch is cumbersome, later try and do this another way to make it faster 
    var profile = Profiles.find({_id: Meteor.userId()}).fetch(); 
    if (profile.length > 0){ 
     this.state.subscribed =  profile[0].subreddits.includes(this.props.subreddit); 
    } 
    }, 

    subscribe: function(){ 
    this.setState({ 
     subscribed: ! this.state.subscribed 
    } 
    ); 
    }, 

    renderData: function(){ 
    return this.data.posts.map((post) => { 
     return <SinglePost title={post.title} content={post.content} key={post._id} id={post._id} /> 
    }); 
    }, 

    render: function(){ 
    this.populateButton() 
    return (
     <div> 
     <button onClick={this.subscribe}> 
      <p>{this.state.subscribed ? 'Subscribed' : 'Click To Subscribe'}</p> 
     </button> 
     <p></p> 
    <ul> 
     {this.renderData()} 
    </ul> 
    </div> 
); 

} });

Answer 1

Вы не можете установить состояние с помощью this.state.subscribed = ..., которое вы сейчас делаете в populateButton. Попытка напрямую изменить состояние подобным образом приведет к тому, что он будет вести себя странно.

Вы также инициализируете subscribed с неопределенной переменной. Вы должны указать ему начальный статус true или false.