首先，我建议你重新阅读 React.JS 文档，因为有几点需要注意：

1. 永远不要this.state直接变异，setState而是使用方法。(line: 108, 111, 121, 133, 136, 146)
2. 您应该使用状态来存储随时间变化的数据，而不是元素。 (line: 111, 121, 136, 146)

tl;博士; 让我们回到问题：

1. Ajax 响应正在更改状态值，但该值未在您的日志中更改。

如果您在 ajax 请求后打印值，您将看不到它！原因是：

首先，您正在使用 Ajax进行异步请求并尝试以同步方式查看结果。JS 将执行你的console.log第一个仍然包含请求前的值，然后执行 ajax 请求回调。这是您的代码块：

$.ajax({ ...,
    success: function(res) {
        if(res) { self.setState({ auth : true }); }/
        ...
    }  // will executed later (after ajax get response)
 });
 console.log(this.state.auth); // will executed first, this is why it always prints the value as undefined

其次，您将无法在设置新状态值后立即看到更改后的状态值。例如，我们说的valuethis.state.auth就是false：

this.setState({ auth: true});
console.log(this.state.auth); // will print false, instead of true as your new value 

您可以使用componentWillUpdate(nextProps, nextState)方法查看新的状态值。你可以从这个链接中了解这一点：React.JS Component Specs and Lifecycle

2. 仍然触发导航栏组件上的 componentWillReceiveProps() 方法并且 this.props.auth 值仍然未定义。

这意味着您的状态值已通过setState()您的 ajax 响应成功更改。证明是 Navbar 组件接收到一个新的 props，该 props 由 App 组件（其中 auth 状态更改）发送下来，这将触发componentWillReceiveProps()方法。

也许你的代码应该是这样的：

// App
const App = React.createClass({
    getInitialState : function(){
        return {
            auth : false
        }
    },

    componentDidMount : function() {
        console.log('App componentDidMount');
        this.checkAuth();
    },

    componentWillUpdate : function(nextProps, nextState) {
        //you'll see the changing state value in here
        console.log('Your prev auth state: ' + this.state.auth);
        console.log('Your next auth state: ' + nextState.auth);
    },

    checkAuth : function(){
        var self = this;
        $.ajax({
            type : 'GET',
            url : '/auth',
            success : function(res){
                if(res){
                    self.setState({ auth : true });
                }
            }
        });
    },

    render : function(){
        return(
            <div className="appWrapper">
                <Navbar auth={this.state.auth}/>
                <div className="container">
                    {this.props.children}
                </div>
            </div>
        );
    }
});

// Navbar
// Because the navbar component receive data (this.props.auth) from parent (app) via props, so we're no longer need to assign auth as a state in Navbar component. 
const Navbar = React.createClass({
    render : function(){
        // you're no longer need checkAuthState method
        let navItems;
        if(!this.props.auth){
            navItems =  (<ul className="nav navbar-nav navbar-right">
                <li><a href="/login">Login</a></li>
                <li><a href="/register">Register</a></li>
            </ul>);
        } else {
            navItems =  (<ul className="nav navbar-nav navbar-right">
                <li><a href="/logout">Logout</a></li>
            </ul>);
        }

        return (
            <nav className="navbar navbar-default">
                <div className="container">
                    <a href="/" className="navbar-brand">Reactor</a>
                    { navItems }
                </div>
            </nav>
        );
    }
});

希望能帮助到你！

在 ajax 范围内。它无法访问react状态。作为替代方案，您可以调用module中的其他方法作为 ajax 成功调用，然后在那里更新状态。按照这个例子。

var reactModule = React.createClass({
   getInitialState:function(){

    },
  render: function() {
    return (      
           <div>
            content
          </div>
    );
  },
componentDidMount: function() {
     var ajaxSuccess=this.ajaxSuccess;

               $.ajax({
                   type: "POST",
                   url: $api_url + 'index.php/app/icon1_update',
                   dataType: "text",
                   data:fd,
                   contentType: false,
                   processData: false,
                   success: ajaxSuccess
               });  
     }, 
ajaxSuccess:function(e){
   //e is the result. update state here.
}  
});

只需使用箭头函数来访问“this”：

success: () => {
this.setState({ data: value })
}

请查看 componentWillReceiveProps 的文档：

componentWillReceiveProps(
  object nextProps
)

https://facebook.github.io/react/docs/component-specs.html#updating-componentwillreceiveprops

当您的属性发生变化时，请访问属性“nextProps”。否则，您将访问旧属性。

作为一个小提示：在渲染方法中包含您的 checkAuthState() 代码，而不是在 componentDidMount 方法中，因为因此您可以避免 setState 调用。