为什么span值没有与react.js中的输入绑定?

时间:2016-08-08 04:35:28

标签: reactjs antd

当我更改输入值时,跨度值与我预期的更改不匹配。 这是我的jsx文件:

<item name="android:textColor">@android:color/black</item>

2 个答案:

答案 0 :(得分:1)

使用React的public class MainActivity extends SplashActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_splash_activity_temp); new SplashActivity().setLogo();//never called } } 功能,以便在state的值发生变化时重新呈现。基本上你的应用程序看起来像这样:

&#13;
&#13;
type
&#13;
const {Input} = antd;

class Avatar extends React.Component {
	constructor() {
		super();
		this.state = {style: ''};
	}
	onChange(e) {
		this.setState({typed: e.target.value});
	}
	render() {
		return ( 
			<div className="normal">
				<span>{this.state.typed}</span>
				<Input onChange={this.onChange.bind(this)} placeholder="text in" />
			</div>
		);
	}
}

ReactDOM.render(
	<Avatar/>,
	document.getElementById('app')
);
&#13;
.normal > * {
  display: block;
}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

因为您更改了typed变量,该变量不会触发组件重新渲染。

您需要阅读有关组件生命周期的反应tutorial。要触发组件更新,通常需要更改状态或传递新属性。

Here就是一个很好的例子。