Javascript 在React中使用条件渲染时如何进行转换

问题详情:

• 原生环境
• 我无法使用

  display:none

• 我无法使用

  transition:all

• 我只能通过js方法使用

  动画

我的渲染函数（非本机）：

---

您需要在DOM中呈现它，以便有条件地对其应用CSS

更改此项：

{this.state.show ? <Text className="show">show Text</Text> : null}

{this.state.show？show Text:null}

致：

显示文本

---

或者更改ref的CSS样式，或者添加/删除一个类名，并在CSS中完全控制转换。

查看问题详细信息，我只能使用函数

animate（）{}

，我不能使用

transition:all-time

，也不能使用

tramsorm:xxxx

。你能提供函数

animate（））

是否已实施？除了React-Native动画API之外，我从未听说React-Native中有任何纯JS动画解决方案。@ThoVu NOT React-Native，

animate（dom，{}，function（）{}）

，例如

animate（findDOMNode（“#id”），{opacity:0}，（）=>{console.log（“end”）
pressHandle(){
  this.setState({
    show:!this.state.show
  });
  this.transitionHandle();
}
transitionHandle(){
  animate(this.refs.box,{
    opacity:1
    // ....
  })
}

{this.state.show ? <Text className="show">show Text</Text> : null}

<Text className="show">show Text</Text>